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;
}
div.index-meta {
display: grid;
grid-template-columns: 50% 50%;
gap: 10px;
width: 98%;
font-weight: 500;
color: var(--secondary);
table.index-meta {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
div.index-meta > label:nth-child(2),
div.index-meta > label:nth-child(4),
div.index-meta > label:nth-child(6) {
table.index-meta tr + tr > * {
padding-block-start: 10px;
}
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);
width: 100%;
text-align: right;
}

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

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