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

amend some design

Browse Source
This commit is contained in:
María
2025-10-01 11:11:47 +02:00
parent b9abef9ac1
commit fde2d4d4bf
4 changed files with 13 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/HeroPages.vue
View File

@@ -22,11 +22,11 @@
<div class=" flex flex-col items-center z-10 gap-6">
<h1 class="font-bold max-w-4xl">{{ title }}</h1>
<p class="text-2xl-custom max-w-3xl" v-html="subtitle"></p>
<NuxtLink v-if="button" :to="button.link">
<!-- <NuxtLink v-if="button" :to="button.link">
<ButtonCTA :color="button.color" class="uppercase mt-6">
{{ button.label }}
</ButtonCTA>
</NuxtLink>
</NuxtLink> -->
</div>
</section>
</template>

4
components/NavBar.vue
View File

@@ -14,7 +14,7 @@
<!-- Desktop menu -->
<ul class="hidden md:flex items-center gap-6 font-semibold text-sm-custom">
<li><NuxtLink :to="`/${langcode}/`" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">INICIO</NuxtLink></li>
<li><NuxtLink to="#" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">GUÍA PASO A PASO</NuxtLink></li>
<li><NuxtLink to="https://aula.kit-eco.social/" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">GUÍA PASO A PASO</NuxtLink></li>
<li><NuxtLink to="https://www.kit-eco.social/es/" class="hover:bg-button-hover hover:text-white p-2 rounded-lg">KIT-ECO.SOCIAL</NuxtLink></li>
</ul>
@@ -40,7 +40,7 @@
<div v-show="menuIsOpen" class="lg:hidden p-5 bg-gradient-conic rounded-3xl min-h-svh">
<ul class="space-y-4 text-sm-custom text-end w-fit ml-auto">
<li class="p-2"><NuxtLink :to="`/${langcode}/`">INICIO</NuxtLink></li>
<li class="p-2"><NuxtLink to="#">GUÍA PASO A PASO</NuxtLink></li>
<li class="p-2"><NuxtLink to="https://aula.kit-eco.social/">GUÍA PASO A PASO</NuxtLink></li>
<li class="p-2"><NuxtLink to="https://www.kit-eco.social/es/">KIT-ECO.SOCIAL</NuxtLink></li>
</ul>
</div>

18
components/SectionWithCardsAndForm.vue
View File

@@ -1,17 +1,7 @@
<template>
<section
:id="id"
class="flex flex-col gap-8 justify-center items-center rounded-3xl mb-8 px-8 md: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',
'bg-linear-to-b from-consumo-extra-light to-background-light': bgColor === 'consumo',
'bg-linear-to-b from-iguales-extra-light to-background-light': bgColor === 'iguales',
'bg-linear-to-b from-aula-extra-light to-background-light': bgColor === 'aula',
'bg-linear-to-b from-certifica-light to-background-light': bgColor === 'certifica',
'bg-linear-to-b from-foro-light to-background-light': bgColor === 'foro',
'bg-linear-to-b from-ods-extra-light to-background-light': bgColor === 'ods',
}">
class="flex flex-col gap-8 justify-center items-center rounded-3xl mb-8 px-2 md:px-4 pt-12 pb-16 md:p-16 md:pb-24 bg-gradient-iguales">
<ul class="grid grid-cols-12 gap-8 ">
<li
v-for="(item, index) in cards" :key="`cards-${id}-${index}`" class=""
@@ -70,3 +60,9 @@ export default {
};
</script>
<style scoped>
.bg-gradient-iguales {
background: linear-gradient(180deg, #E9D2F9 0%, var(--Background--bg-light, #F9F4F2) 100%);
}
</style>