kit-eco.social/landing
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

favicon, meta data & fix cards width mobile

Browse Source
This commit is contained in:
María
2025-08-26 13:14:00 +02:00
parent c755aad08e
commit 891196a267
15 changed files with 68 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/SectionWithCards.vue
View File

@@ -13,18 +13,18 @@
'bg-linear-to-t from-ods-extra-light to-background-light': bgColor === 'ods',
}">
<div
class="mx-auto max-w-2xl"
class="mx-auto max-w-2xl text-center"
:class="{
'flex flex-col justify-center items-center w-full': titlePosition === 'center',
'flex flex-col items-start w-full': titlePosition === 'left',
}">
<h2 class="font-bold mb-6">{{ title }}</h2>
<p v-if="description" class="text-lg text-center" v-html="description"></p>
<p v-if="description" class="text-lg " v-html="description"></p>
</div>
<ul class="grid grid-cols-12 gap-8 mx-auto">
<ul class="grid grid-cols-12 gap-8 mx-auto w-full">
<li
v-for="(item, index) in cards" :key="`cards-${id}-${index}`"
v-for="(item, index) in cards" :key="`cards-${id}-${index}`"
:class="{
'col-span-12 lg:col-span-6': display === 'col-2',
'col-span-12 md:col-span-6 lg:col-span-4': display === 'col-3',
@@ -56,7 +56,7 @@
</li>
</ul>
<div v-if="hasButton && buttonSection" class="flex flex-col justify-center items-center mt-8">
<h4 v-if="buttonSection.title" class="font-semibold uppercase">{{ buttonSection.title }}</h4>
<h4 v-if="buttonSection.title" class="font-semibold uppercase text-center">{{ buttonSection.title }}</h4>
<NuxtLink v-if="buttonSection?.button" :to="buttonSection?.button?.link">
<ButtonCTA :color="buttonSection?.button?.color" class="uppercase mt-6">
{{ buttonSection?.button?.label }}