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

chore(timetable): improved directional arrow design

Browse Source
This commit is contained in:
Spythere
2026-04-05 00:45:22 +02:00
parent eb3c42de8f
commit 99fca9f65d
1 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Timetable/TimetableContent.vue
+5 -9
View File
@@ -6,7 +6,7 @@
{{ globalStore.currentTimetableData!.route.replace('|', ' - ') }}
</h2>
<table class="table-fixed mt-2 w-full border-collapse" v-if="computedTimetableRows.length > 0">
<table class="table-fixed mt-2 w-full border-collapse overflow-hidden" v-if="computedTimetableRows.length > 0">
<thead>
<tr>
<th width="40" class="border border-black dark:border-white">
@@ -146,14 +146,9 @@
}"
colspan="2"
>
<!-- Bold direction line -->
<div
class="absolute h-full top-0 -left-0.5 border-l-black dark:border-l-white print:border-l-black border-l-4"
></div>
<!-- Direction line arrow -->
<div
class="absolute h-0 w-0 border-x-[5px] border-x-transparent border-t-[5px] -bottom-1 -left-[5px] z-30 border-t-black dark:border-t-white print:border-t-black"
class="absolute h-0 w-0 border-x-transparent border-x-[6px] -left-[4px] border-t-[25px] -bottom-[12px] z-30 border-t-black dark:border-t-white print:border-t-black"
v-if="i == computedTimetableRows.length - 1"
></div>
@@ -162,13 +157,13 @@
<tbody>
<tr class="align-top">
<td
:colspan="row.arrivalTracks == 2 ? '1' : '2'"
class="font-bold border-l-4"
:class="{
'border-t border-t-black dark:border-t-white':
row.lastRowRef != null &&
row.lastRowRef.departureSpeedP != row.arrivalSpeedP
}"
class="font-bold"
:colspan="row.arrivalTracks == 2 ? '1' : '2'"
width="35"
>
{{
@@ -201,6 +196,7 @@
</tr>
<tr
class="border-l-4"
:class="{
'border-t border-t-black dark:border-t-white align-top':
row.arrivalTracks != row.departureTracks ||