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.
This commit is contained in:
2025-06-07 17:29:04 +02:00
parent d1591d1970
commit 4321824bf5
3 changed files with 12 additions and 19 deletions

View File

@@ -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');
</script>
<!-- End of Rocket.Chat Livechat Script -->
<ImageModal />
</body>
</html>