section with transparent cards
This commit is contained in:
@@ -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}`"
|
||||
|
||||
Reference in New Issue
Block a user