ctucx.git: trainsearch

web based trip-planner, fork of https://cyberchaos.dev/yuka/trainsearch

commit c33bb7c69213cc935a34b0649e45f4cffc596bb6
parent 231804bd4d5ed7cf18468d6b29c3925924d01c09
Author: Katja (ctucx) <git@ctu.cx>
Date: Tue, 4 Feb 2025 07:10:40 +0100

style: improve modal
1 file changed, 18 insertions(+), 2 deletions(-)
M
src/assets/style.css
|
20
++++++++++++++++++--
diff --git a/src/assets/style.css b/src/assets/style.css
@@ -499,6 +499,7 @@ footer {
 	}
 }
 
+
 #overlay {
 	z-index: 100;
 	backdrop-filter: blur(10px);

@@ -535,6 +536,11 @@ footer {
 	.modal.dialog {
 		padding: unset;
 
+		.body {
+			max-height: 70vh;
+			overflow: scroll;
+		}
+
 		.header {
 			justify-content: space-between;
 			background-color: #33691E;

@@ -718,6 +724,14 @@ button.color:hover, .button.color:hover {
 			margin: 8px 0;
 		}
 	}
+
+	#overlay {
+		.modal.dialog {
+			width: 100vw;
+			height: 100vh;
+		}
+	}
+
 }
 
 @media (max-width: 799px) {

@@ -786,7 +800,9 @@ button.color:hover, .button.color:hover {
 		width: 80vw;
 	}
 
-	.modal.dialog {
-		width: 400px;
+	#overlay {
+		.modal.dialog {
+			width: 600px;
+		}
 	}
 }