chore: global font sizing; chore: train modal dvh

This commit is contained in:
2024-05-25 18:06:01 +02:00
parent 6ea1e91d1d
commit bf8d4a9ef4
3 changed files with 6 additions and 10 deletions
+1 -1
View File
@@ -210,7 +210,7 @@ export default defineComponent({
overflow-x: hidden; overflow-x: hidden;
@include smallScreen() { @include smallScreen() {
font-size: calc(0.65rem + 0.8vw); font-size: calc(0.65rem + 0.85vw);
} }
@include screenLandscape() { @include screenLandscape() {
+1 -1
View File
@@ -76,7 +76,7 @@ export default defineComponent({
margin: 1em; margin: 1em;
max-height: 90vh; max-height: 95vh;
max-height: 95dvh; max-height: 95dvh;
background-color: #1a1a1a; background-color: #1a1a1a;
+4 -8
View File
@@ -54,12 +54,14 @@ export default defineComponent({
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%;
color: white; color: white;
z-index: 200; z-index: 200;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: flex-start;
text-align: left; text-align: left;
} }
@@ -80,10 +82,10 @@ export default defineComponent({
position: relative; position: relative;
overflow-y: scroll; overflow-y: scroll;
margin-top: 1em;
width: 95vw; width: 95vw;
max-height: 95vh; max-height: 95vh;
max-height: 95dvh;
margin-top: 1em;
background-color: #1a1a1a; background-color: #1a1a1a;
box-shadow: 0 0 15px 10px #0e0e0e; box-shadow: 0 0 15px 10px #0e0e0e;
@@ -98,10 +100,4 @@ export default defineComponent({
} }
} }
} }
@include smallScreen {
.modal_content {
max-height: 85vh;
}
}
</style> </style>