fixed heigth of images and sticky gallery images inside content of news

This commit is contained in:
Esteban 2026-02-13 08:54:25 -05:00
parent 0511c1e938
commit 667334bae5
2 changed files with 15 additions and 15 deletions

View File

@ -9,14 +9,14 @@ const { images, class: className } = Astro.props;
<div class="bg-white">
<div class="mx-auto">
<div class="swiper h-200">
<div class="swiper lg:h-200 md:h-150 h-100">
<div class="swiper-wrapper">
{
images.map((image) => (
<div class="swiper-slide h-full">
<div class="flex! h-full flex-col items-center justify-center relative">
{image.text && (
<div class="uppercase text-2xl lg:text-9xl 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 font-secondary">
{image.text}
</div>
)}

View File

@ -34,7 +34,7 @@ const { Content } = await render(post);
<div class="md:col-span-7 bg-white p-8 md:p-20 prose-p:mb-4 text-[#003421]">
<Content />
</div>
<div class="md:col-span-3 bg-tertiary">
<div class="md:col-span-3 bg-tertiary md:sticky top-0 h-fit">
{ post.data.youtube && (
<YouTube id={post.data.youtube} />