fix: add @media for home modals for small height and width devices

sanua356 · Aug 10, 2024 · c30ee1c · c30ee1c
1 parent 4f8f964
commit c30ee1c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git 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
@@ -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;
 	}