From 4321824bf52f3108885fe84ff49b405dc1f1d1fe Mon Sep 17 00:00:00 2001 From: Richard Bergsma Date: Sat, 7 Jun 2025 17:29:04 +0200 Subject: [PATCH] Refactor ImageModal component for improved layout and responsiveness - Updated ImageModal styles to include overflow handling and a maximum height for better usability. - Adjusted the structure to place the enlarged image at the top, enhancing visual presentation. - Removed the redundant image container to streamline the component. --- src/components/ui/ImageModal.astro | 26 +++++++------------ .../widgets/CompactCertifications.astro | 3 --- src/layouts/Layout.astro | 2 ++ 3 files changed, 12 insertions(+), 19 deletions(-) diff --git a/src/components/ui/ImageModal.astro b/src/components/ui/ImageModal.astro index 6dc4388..d9fab4a 100644 --- a/src/components/ui/ImageModal.astro +++ b/src/components/ui/ImageModal.astro @@ -16,7 +16,8 @@ - {/* Include the image modal component */} - - { callToAction && (
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index f4b3742..fcc52bd 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -16,6 +16,7 @@ import LanguagePersistence from '~/components/LanguagePersistence.astro'; import GlobalBackground from '~/components/ui/GlobalBackground.astro'; import CookieBanner from '~/components/CookieBanner.astro'; import BackToTop from '~/components/ui/BackToTop.astro'; +import ImageModal from '~/components/ui/ImageModal.astro'; // Comment the line below to disable View Transitions import { ClientRouter } from 'astro:transitions'; @@ -83,5 +84,6 @@ const { language, textDirection } = I18N; })(window, document, 'script', 'https://chat.365devnet.eu/livechat'); +