LGCC
/
cdrdpyj
4
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix: elimina altura fija del carrusel para que la imagen determine su altura sin recorte

This commit is contained in:
Esteban Paz 2026-05-23 17:05:33 -05:00
parent 42ce6b7c33
commit 2d0515cc61
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/section/CarouselSection.astro
View File

@ -11,24 +11,24 @@ const { images, class: className } = Astro.props;
<div class="bg-white"> <div class="bg-white">
<div class="mx-auto"> <div class="mx-auto">
<div class="swiper lg:h-200 md:h-150 h-62"> <div class="swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{ {
images.map((image) => ( images.map((image) => (
<div class="swiper-slide h-full"> <div class="swiper-slide">
<div class="flex! h-full flex-col items-center justify-center relative"> <div class="relative">
{image.text && ( {image.text && (
<div class="uppercase lg:text-9xl md:text-5xl text-4xl text-white text-shadow-lg absolute font-secondary"> <div class="uppercase lg:text-9xl md:text-5xl text-4xl text-white text-shadow-lg absolute inset-0 flex items-center justify-center font-secondary z-10">
{image.text} {image.text}
</div> </div>
)} )}
<img <img
class="w-full h-full object-cover object-center" class="w-full"
src={image.image} src={image.image}
alt={image.text} alt={image.text}
/> />
{image.text_alt && ( {image.text_alt && (
<div class="text-sm text-white px-4 py-2 italic bg-black/50 absolute bottom-2 right-2 rounded"> <div class="text-sm text-white px-4 py-2 italic bg-black/50 absolute bottom-2 right-2 rounded z-10">
{image.text_alt} {image.text_alt}
</div> </div>
)} )}