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

amend cards height on mobile

Browse Source
This commit is contained in:
María
2025-09-30 11:28:35 +02:00
parent 3c6f9b43e8
commit b9abef9ac1
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/CardTool.vue
View File

@@ -3,7 +3,7 @@
class="flex flex-col gap-4 rounded-3xl" class="flex flex-col gap-4 rounded-3xl"
:class="{ :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-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', 'border-4 border-white md:min-h-full max-h-full sm:max-w-full': color === 'transparent',
'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', '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-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-iguales-base to-iguales-light hover:to-iguales-extra-light': color === 'iguales',

4
components/SectionWithCardsAndForm.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<section <section
:id="id" :id="id"
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="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="{ :class="{
'bg-gradient-conic-cards': bgColor === 'gradient-conic', 'bg-gradient-conic-cards': bgColor === 'gradient-conic',
'bg-gradient-conic-green': bgColor === 'gradient-conic-green', 'bg-gradient-conic-green': bgColor === 'gradient-conic-green',
@@ -34,7 +34,7 @@
</li> </li>
</ul> </ul>
<div class="relative w-full min-h-96 h-[40rem] bg-background-extra-light rounded-3xl flex justify-center items-center"> <div class="relative w-full min-h-96 h-[40rem] bg-background-extra-light rounded-3xl flex justify-center items-center">
<iframe class="absolute top-0 w-full h-full" src="https://form.iguales.kit-eco.social/" /> <iframe class="absolute top-0 w-full h-full rounded-3xl" src="https://form.iguales.kit-eco.social/" />
</div> </div>
</section> </section>
</template> </template>