mirrors/thebadspace
1
0
Fork 0
mirror of https://koodu.h-i.works/projects/thebadspace synced 2025-05-06 14:41:02 -05:00
Code Packages Releases Activity

refactor: use a <table>-element for index-meta

Browse Source
This commit is contained in:
Zoë 2025-05-02 19:00:21 +02:00
parent d138198305
commit 0f16b275a0
No known key found for this signature in database
GPG Key ID: B4CA6F5B4034F028
2 changed files with 35 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
public/assets/css/front/index.css
View File

@ -53,20 +53,29 @@ section.index-meta article {
margin-top: 20px; margin-top: 20px;
} }
div.index-meta { table.index-meta {
display: grid; width: 100%;
grid-template-columns: 50% 50%; border-collapse: collapse;
gap: 10px; border-spacing: 0;
width: 98%;
font-weight: 500;
color: var(--secondary);
} }
div.index-meta > label:nth-child(2), table.index-meta tr + tr > * {
div.index-meta > label:nth-child(4), padding-block-start: 10px;
div.index-meta > label:nth-child(6) { }
table.index-meta :is(th, td) {
padding: 0;
font-weight: 500;
}
table.index-meta th {
color: var(--secondary);
text-align: left;
}
table.index-meta td {
padding-inline-start: 10px;
color: var(--white); color: var(--white);
width: 100%;
text-align: right; text-align: right;
} }

23
resources/views/front/index.blade.php
View File

@ -38,14 +38,21 @@
@endisset @endisset
<section class="index-meta"> <section class="index-meta">
<article> <article>
<div class="index-meta"> <table class="index-meta">
<label>Active Locations Tracked</label> <caption class="visually-hidden">Meta</caption>
<label>{{$count}}</label> <tr>
<label>Total Sources</label> <th>Active Locations Tracked</th>
<label>{{$sources}}</label> <td>{{$count}}</td>
<label>Latest Update</label> </tr>
<label>{{$latest_date}}</label> <tr>
</div> <th>Total Sources</th>
<td>{{$sources}}</td>
</tr>
<tr>
<th>Latest Update</th>
<td>{{$latest_date}}</td>
</tr>
</table>
</article> </article>
</section> </section>
@endsection @endsection