From bf8d4a9ef4e80b05571207a944e45b3ab483e0cd Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sat, 25 May 2024 18:06:01 +0200
Subject: [PATCH] chore: global font sizing; chore: train modal dvh

---
 src/App.vue                              |  2 +-
 src/components/Global/Card.vue           |  2 +-
 src/components/TrainsView/TrainModal.vue | 12 ++++--------
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index a2c9683..36cf3e5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -210,7 +210,7 @@ export default defineComponent({
   overflow-x: hidden;
 
   @include smallScreen() {
-    font-size: calc(0.65rem + 0.8vw);
+    font-size: calc(0.65rem + 0.85vw);
   }
 
   @include screenLandscape() {
diff --git a/src/components/Global/Card.vue b/src/components/Global/Card.vue
index a6457f6..25fff68 100644
--- a/src/components/Global/Card.vue
+++ b/src/components/Global/Card.vue
@@ -76,7 +76,7 @@ export default defineComponent({
 
   margin: 1em;
 
-  max-height: 90vh;
+  max-height: 95vh;
   max-height: 95dvh;
 
   background-color: #1a1a1a;
diff --git a/src/components/TrainsView/TrainModal.vue b/src/components/TrainsView/TrainModal.vue
index b971a2c..c2e0f71 100644
--- a/src/components/TrainsView/TrainModal.vue
+++ b/src/components/TrainsView/TrainModal.vue
@@ -54,12 +54,14 @@ export default defineComponent({
   left: 0;
 
   width: 100%;
+  height: 100%;
 
   color: white;
   z-index: 200;
 
   display: flex;
   justify-content: center;
+  align-items: flex-start;
 
   text-align: left;
 }
@@ -80,10 +82,10 @@ export default defineComponent({
   position: relative;
   overflow-y: scroll;
 
-  margin-top: 1em;
-
   width: 95vw;
   max-height: 95vh;
+  max-height: 95dvh;
+  margin-top: 1em;
 
   background-color: #1a1a1a;
   box-shadow: 0 0 15px 10px #0e0e0e;
@@ -98,10 +100,4 @@ export default defineComponent({
     }
   }
 }
-
-@include smallScreen {
-  .modal_content {
-    max-height: 85vh;
-  }
-}
 </style>