From c30ee1c1a160975f0337c032217a5b675e9474d4 Mon Sep 17 00:00:00 2001 From: Alexander Date: Sat, 10 Aug 2024 08:22:51 +0300 Subject: [PATCH] fix: add @media for home modals for small height and width devices --- src/pages/home/ui/aboutGameModal/AboutGameModal.module.css | 5 +++++ src/pages/home/ui/authorsModal/AuthorsModal.module.css | 5 +++++ 2 files changed, 10 insertions(+) diff --git a/src/pages/home/ui/aboutGameModal/AboutGameModal.module.css b/src/pages/home/ui/aboutGameModal/AboutGameModal.module.css index f3b094a..908f19b 100644 --- a/src/pages/home/ui/aboutGameModal/AboutGameModal.module.css +++ b/src/pages/home/ui/aboutGameModal/AboutGameModal.module.css @@ -96,6 +96,8 @@ .authors { aspect-ratio: auto; grid-template-columns: 1fr; + max-height: 80vh; + overflow-y: auto; } .images { display: none; @@ -111,6 +113,9 @@ } } @media screen and (max-width: 576px) { + .info { + word-break: break-all; + } .title { font-size: 3rem; } diff --git a/src/pages/home/ui/authorsModal/AuthorsModal.module.css b/src/pages/home/ui/authorsModal/AuthorsModal.module.css index f3b094a..908f19b 100644 --- a/src/pages/home/ui/authorsModal/AuthorsModal.module.css +++ b/src/pages/home/ui/authorsModal/AuthorsModal.module.css @@ -96,6 +96,8 @@ .authors { aspect-ratio: auto; grid-template-columns: 1fr; + max-height: 80vh; + overflow-y: auto; } .images { display: none; @@ -111,6 +113,9 @@ } } @media screen and (max-width: 576px) { + .info { + word-break: break-all; + } .title { font-size: 3rem; }