Spythere/srjp-td2
1
0
Fork 0
mirror of https://github.com/Spythere/srjp-td2.git synced 2026-05-05 14: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/TimetableHeader.vue
+20 -12
View File
@@ -1,19 +1,19 @@
<template>
<thead>
<tr>
<th width="40" class="border border-white print:border-black">Nr <br />linii</th>
<th width="100" class="border border-white print:border-black">Km</th>
<th width="35" class="border border-white print:border-black">V<sub>P</sub></th>
<th width="35" class="border border-white print:border-black">V<sub>L</sub></th>
<th width="200" class="border border-white print:border-black">Stacja</th>
<th width="100" class="border border-white print:border-black">Godzina</th>
<th width="50" class="border border-white print:border-black text-xs p-0">
<th width="40" class="border border-black dark:border-white">Nr <br />linii</th>
<th width="100" class="border border-black dark:border-white">Km</th>
<th width="35" class="border border-black dark:border-white">V<sub>P</sub></th>
<th width="35" class="border border-black dark:border-white">V<sub>L</sub></th>
<th width="200" class="border border-black dark:border-white">Stacja</th>
<th width="100" class="border border-black dark:border-white">Godzina</th>
<th width="50" class="border border-black dark:border-white text-xs p-0">
<table class="h-full w-full border-collapse">
<tbody>
<tr class="border-b-white print:border-b-black border-b">
<tr class="border-b-black dark:border-b-white border-b">
<td class="">Lok I</td>
</tr>
<tr class="border-b-white print:border-b-black border-b">
<tr class="border-b-black dark:border-b-white border-b">
<td>Lok II</td>
</tr>
<tr>
@@ -22,11 +22,11 @@
</tbody>
</table>
</th>
<th width="55" class="border border-white print:border-black text-xs relative">
<th width="55" class="border border-black dark:border-white text-xs relative">
<div class="absolute top-0 left-0 w-full h-full">
<table class="h-full w-full border-collapse">
<tbody>
<tr class="border-b-white print:border-b-black border-b k">
<tr class="border-b-black dark:border-b-white border-b k">
<td>Obc. lok.</td>
</tr>
<tr>
@@ -36,7 +36,15 @@
</table>
</div>
</th>
<th width="50" class="border border-white print:border-black">Vmax</th>
<th width="50" class="border border-black dark:border-white">Vmax</th>
</tr>
</thead>
</template>
<style scoped>
@media print {
th {
border-color: theme('colors.black');
}
}
</style>