crille/crille-schema-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixade till utskriften

Browse Source
This commit is contained in:
Christian Ohlsson
2026-04-05 14:38:17 +02:00
parent 4fbeed9733
commit 66b81bc495
2 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
css/style.css
View File

@@ -7,21 +7,20 @@
.hv-item { .hv-item {
padding: 12px 16px; padding: 12px 16px;
border: 1px solid #ddd; border: 1px solid #2a2e37;
border-radius: 6px; border-radius: 6px;
background: #fafafa;
transition: transition:
background 0.2s, background 0.2s,
box-shadow 0.2s; box-shadow 0.2s;
} }
.hv-item:hover { .hv-item:hover {
background: #f5f5f5; background-color: #16181d;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
} }
.hv-kurs { .hv-kurs {
font-weight: bold; font-weight: bold;
color: #ff8f3f;
margin-bottom: 4px; margin-bottom: 4px;
} }
@@ -40,5 +39,5 @@
margin: 2px 0 4px 0; margin: 2px 0 4px 0;
} }
.hv-item i { .hv-item i {
color: hsl(0, 50%, 60%); color: #4da3ff;
} }

6
src/frontend.js
View File

@@ -8,12 +8,12 @@ document.addEventListener("DOMContentLoaded", () => {
(ev) => ` (ev) => `
<div class='hv-item'> <div class='hv-item'>
<div class='hv-kurs'>${ev.kurs}</div> <div class='hv-kurs'>${ev.kurs}</div>
<div class='hv-moment'>${ev.moment}</div> <!-- <div class='hv-moment'>${ev.moment}</div> -->
<div class='hv-datetime'><i class="fa-solid fa-calendar-days"></i> <div class='hv-datetime'><i class="fa-solid fa-calendar-days"></i>
<span class="hv-datum">${ev.datum}</span> <span class="hv-datum">${ev.datum}</span>
<span class="hv-tid">${ev.tid}</span> @ <span class="hv-tid">${ev.tid}</span>
</div> </div>
<div class='hv-lokal'><i class="fa-solid fa-location-dot"></i>${ev.lokal}</div> <div class='hv-lokal'><i class="fa-solid fa-location-dot"></i> ${ev.lokal}</div>
</div>`, </div>`,
) )
.join(""); .join("");