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

28
components/CardTool.vue
View File

@@ -4,17 +4,17 @@
:class="{
'border-4 border-white min-h-64 md:min-h-full max-w-80 sm:max-w-full': color === 'number',
'border-4 border-white min-h-20.9 md:min-h-full max-h-full max-w-80 sm:max-w-full': color === 'transparent',
'shadow-tool-card hover:border-4 border-white transition-all duration-300 ease-in-out min-h-21.8 min-w-80 max-w-80': color !== 'transparent' && color !== 'number',
'bg-consumo-base hover:bg-linear-to-t hover:from-consumo-base hover:to-consumo-extra-light': color === 'consumo',
'bg-iguales-base hover:bg-linear-to-t hover:from-iguales-base hover:to-iguales-extra-light': color === 'iguales',
'bg-aula-base hover:bg-linear-to-t hover:from-aula-base hover:to-aula-extra-light': color === 'aula',
'bg-certifica-base hover:bg-linear-to-t hover:from-certifica-base hover:to-certifica-extra-light': color === 'certifica',
'bg-foro-base hover:bg-linear-to-t hover:from-foro-base hover:to-foro-extra-light': color === 'foro',
'bg-ods-base hover:bg-linear-to-t hover:from-ods-base hover:to-ods-extra-light': color === 'ods',
'shadow-tool-card hover:border-4 border-white transition-all duration-300 ease-in-out min-h-22.3 sm:min-h-21.8 min-w-full lg:min-w-80 max-w-fit sm:max-w-80 w-fit': color !== 'transparent' && color !== 'number',
'bg-linear-to-t from-consumo-base to-consumo-light hover:to-consumo-extra-light': color === 'consumo',
'bg-linear-to-t from-iguales-base to-iguales-light hover:to-iguales-extra-light': color === 'iguales',
'bg-linear-to-t from-aula-base to-aula-light hover:to-aula-extra-light': color === 'aula',
'bg-linear-to-t from-certifica-base to-certifica-light hover:to-certifica-extra-light': color === 'certifica',
'bg-linear-to-t from-foro-base to-foro-light hover:to-foro-extra-light': color === 'foro',
'bg-linear-to-t from-ods-base to-ods-light hover:to-ods-extra-light': color === 'ods',
}"
>
<NuxtLink v-if="link" :to="`/${langcode}/${link}`" class="p-8">
<div class="h-10.2 w-full">
<NuxtLink v-if="link" :to="`/${langcode}/${link}`" class="p-8 flex flex-col gap-4 items-center">
<div class="min-h-10.2 w-full">
<img
v-if="image"
:src="`/img/${image.src}`"
@@ -24,9 +24,9 @@
<!-- <img v-else src="" alt="imagen-error"> -->
<!-- TODO: Add a fallback image -->
</div>
<div class="flex flex-col gap-4 items-center">
<p class="text-5.5 font-semibold uppercase">{{ title }}</p>
<p class="text-center text-base" v-html="description"></p>
<div class="flex flex-col gap-2 items-center">
<h4 class="text-5.5 font-semibold uppercase">{{ title }}</h4>
<p class="text-center text-base max-w-xl" v-html="description"></p>
</div>
</NuxtLink>
<div v-if="!link" class="flex flex-col gap-4 p-8 items-center">
@@ -43,8 +43,8 @@
<h3 class="w-full h-full rounded-full border font-bold flex items-center justify-center">
{{ number }}</h3>
</div>
<div class="flex flex-col gap-4 items-center text-center">
<p class="text-5.5 font-semibold uppercase">{{ title }}</p>
<div class="flex flex-col gap-2 items-center text-center">
<h4 class="text-5.5 font-semibold uppercase">{{ title }}</h4>
<p class="text-center text-base" v-html="description"></p>
</div>
</div>