restruct: divide logic and layout into components

This commit is contained in:
2025-01-27 18:25:05 +01:00
parent 5c6910df63
commit 8c7ffc7913
10 changed files with 554 additions and 502 deletions
@@ -0,0 +1,42 @@
<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">
<table class="h-full w-full border-collapse">
<tbody>
<tr class="border-b-white print:border-b-black border-b">
<td class="">Lok I</td>
</tr>
<tr class="border-b-white print:border-b-black border-b">
<td>Lok II</td>
</tr>
<tr>
<td>Lok III</td>
</tr>
</tbody>
</table>
</th>
<th width="55" class="border border-white print:border-black 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">
<td>Obc. lok.</td>
</tr>
<tr>
<td>. poc.</td>
</tr>
</tbody>
</table>
</div>
</th>
<th width="50" class="border border-white print:border-black">Vmax</th>
</tr>
</thead>
</template>