Spythere/srjp-td2
1
0
Fork 0
mirror of https://github.com/Spythere/srjp-td2.git synced 2026-05-03 13:38:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: added light, dark & print modes

Browse Source
This commit is contained in:
Spythere
2025-01-29 19:20:48 +01:00
parent a650a2f719
commit 2a3f4ca1ef
9 changed files with 89 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Timetable/TrainTimetable.vue
+15 -9
View File
@@ -1,14 +1,20 @@
<template>
<div class="overflow-auto py-1">
<b v-if="globalStore.selectedTrain" class="my-2">
{{ globalStore.selectedTrain.timetable!.category }} {{ globalStore.selectedTrain.trainNo }} Relacja
{{ globalStore.selectedTrain.timetable?.route.replace('|', ' - ') }}
</b>
<div
id="train-timetable"
:class="{ dark: globalStore.darkMode }"
class="overflow-auto p-1 bg-white print:bg-white dark:bg-zinc-950 print:text-black text-black dark:text-white min-h-full"
>
<div v-if="globalStore.selectedTrain">
<div class="p-1 font-bold w-max">
{{ globalStore.selectedTrain.timetable!.category }} {{ globalStore.selectedTrain.trainNo }} Relacja
{{ globalStore.selectedTrain.timetable?.route.replace('|', ' - ') }}
</div>
<table class="table-fixed mt-2 w-full border-collapse" v-if="computedTimetable.length > 0">
<TimetableHeader />
<TimetableBody :computed-timetable="computedTimetable" />
</table>
<table class="table-fixed mt-2 w-full border-collapse" v-if="computedTimetable.length > 0">
<TimetableHeader />
<TimetableBody :computed-timetable="computedTimetable" />
</table>
</div>
<div class="text-center font-bold text-zinc-400 p-2" v-else>Wybierz aktywny pociąg, aby wygenerować SRJP</div>
</div>