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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user