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

amend some issues and change texts

Browse Source
This commit is contained in:
María
2025-09-02 08:59:38 +02:00
committed by María
parent e5d470103f
commit 31fa587ea7
19 changed files with 116 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/SectionWithCards.vue
View File

@@ -1,7 +1,7 @@
<template>
<section
:id="id"
class="flex flex-col gap-8 rounded-3xl mb-8 px-4 pt-12 pb-16 md:p-16 md:pb-24"
class="flex flex-col gap-8 justify-center items-center rounded-3xl mb-8 px-4 pt-12 pb-16 md:p-16 md:pb-24"
:class="{
'bg-gradient-conic-cards': bgColor === 'gradient-conic',
'bg-gradient-conic-green': bgColor === 'gradient-conic-green',
@@ -13,18 +13,18 @@
'bg-linear-to-t from-ods-extra-light to-background-light': bgColor === 'ods',
}">
<div
class="mx-auto max-w-2xl text-center"
class="mx-auto 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 " v-html="description"></p>
<p v-if="description" class="text-lg max-w-4xl" v-html="description"></p>
</div>
<ul class="grid grid-cols-12 gap-8 mx-auto w-full">
<ul class="grid grid-cols-12 gap-8 max-w-5xl">
<li
v-for="(item, index) in cards" :key="`cards-${id}-${index}`"
v-for="(item, index) in cards" :key="`cards-${id}-${index}`" class=""
: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',