section with transparent cards

This commit is contained in:
María
2025-07-31 13:14:13 +02:00
committed by María
parent 86d77c3e48
commit 41d2d8a47b
12 changed files with 117 additions and 26 deletions

View File

@@ -11,15 +11,15 @@
'lg:flex-row': position === 'left',
'lg:flex-row-reverse': position === 'right',
'items-center gap-12': image.display === 'circle',
'items-start': image.display === 'normal' && position === 'left',
'items-start justify-between': image.display === 'normal' && position === 'right'
'items-center lg:items-start gap-8': image.display === 'normal' && position === 'left',
'items-center lg:items-start justify-between gap-8': image.display === 'normal' && position === 'right'
}">
<div
v-if="image"
:class="{
'h-20.1 w-20.1 rounded-full overflow-hidden border-4 border-white': image.display === 'circle',
'h-20.9 w-fit': image.display === 'normal'
'h-fit lg:h-20.9 w-full lg:w-fit': image.display === 'normal'
}">
<img
:src="`/img/${image.src}`"