Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-03 05:18:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: modals update

Browse Source
This commit is contained in:
Spythere
2024-05-08 20:04:41 +02:00
parent f974120e87
commit a0496736dd
9 changed files with 90 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/TrainsView/TrainModal.vue
+5 -5
View File
@@ -1,7 +1,7 @@
<template>
<div class="train-modal" v-if="chosenTrain" @keydown.esc="closeModal">
<div class="modal_background" @click="closeModal"></div>
<div class="modal_content" ref="content" tabindex="0">
<div class="modal-background" @click="closeModal"></div>
<div class="modal-content" ref="content" tabindex="0">
<TrainInfo :train="chosenTrain" :extended="true" ref="trainInfo" />
<TrainSchedule :train="chosenTrain" tabindex="0" />
</div>
@@ -71,7 +71,7 @@ export default defineComponent({
text-align: left;
}
.modal_background {
.modal-background {
position: absolute;
top: 0;
left: 0;
@@ -83,14 +83,14 @@ export default defineComponent({
background-color: rgba(0, 0, 0, 0.55);
}
.modal_content {
.modal-content {
position: relative;
overflow-y: scroll;
margin-top: 1em;
width: 95vw;
max-height: 96vh;
max-height: 95vh;
background-color: #1a1a1a;
box-shadow: 0 0 15px 10px #0e0e0e;