Spythere/srjp-td2
1
0
Fork 0
mirror of https://github.com/Spythere/srjp-td2.git synced 2026-05-03 05:28: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('|', ' - ') }} {{ globalStore.currentTimetableData!.route.replace('|', ' - ') }}
</h2> </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> <thead>
<tr> <tr>
<th width="40" class="border border-black dark:border-white"> <th width="40" class="border border-black dark:border-white">
@@ -146,14 +146,9 @@
}" }"
colspan="2" 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 --> <!-- Direction line arrow -->
<div <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" v-if="i == computedTimetableRows.length - 1"
></div> ></div>
@@ -162,13 +157,13 @@
<tbody> <tbody>
<tr class="align-top"> <tr class="align-top">
<td <td
:colspan="row.arrivalTracks == 2 ? '1' : '2'" class="font-bold border-l-4"
:class="{ :class="{
'border-t border-t-black dark:border-t-white': 'border-t border-t-black dark:border-t-white':
row.lastRowRef != null && row.lastRowRef != null &&
row.lastRowRef.departureSpeedP != row.arrivalSpeedP row.lastRowRef.departureSpeedP != row.arrivalSpeedP
}" }"
class="font-bold" :colspan="row.arrivalTracks == 2 ? '1' : '2'"
width="35" width="35"
> >
{{ {{
@@ -201,6 +196,7 @@
</tr> </tr>
<tr <tr
class="border-l-4"
:class="{ :class="{
'border-t border-t-black dark:border-t-white align-top': 'border-t border-t-black dark:border-t-white align-top':
row.arrivalTracks != row.departureTracks || row.arrivalTracks != row.departureTracks ||