mirror of
https://github.com/MeshTender/MeshTender.git
synced 2026-09-02 18:13:46 +00:00
51 lines
1.8 KiB
CSS
51 lines
1.8 KiB
CSS
/* MeshTender app-specific styles layered on top of Tabler.
|
|
Everything generic (cards, forms, buttons, tables, badges, dropdowns) comes
|
|
from Tabler; this file only covers things Tabler has no component for: the
|
|
live console/event log, the Leaflet map, and the public-key code block. */
|
|
|
|
/* ---------- Public-key / monospace code blocks ---------- */
|
|
code.pk,
|
|
code.pubkey {
|
|
display: block;
|
|
word-break: break-all;
|
|
background: var(--tblr-bg-surface-secondary, rgba(0, 0, 0, 0.2));
|
|
border: 1px solid var(--tblr-border-color);
|
|
border-radius: var(--tblr-border-radius);
|
|
padding: 0.5rem 0.625rem;
|
|
font-size: 0.8125rem;
|
|
color: var(--tblr-secondary);
|
|
}
|
|
|
|
/* ---------- Live event / console log ---------- */
|
|
.evlog {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0.75rem;
|
|
background: var(--tblr-bg-surface-secondary, rgba(0, 0, 0, 0.25));
|
|
border: 1px solid var(--tblr-border-color);
|
|
border-radius: var(--tblr-border-radius);
|
|
max-height: 240px;
|
|
overflow-y: auto;
|
|
font-family: var(--tblr-font-monospace);
|
|
font-size: 0.8125rem;
|
|
}
|
|
.evlog:empty { display: none; }
|
|
.evlog.console { max-height: 320px; }
|
|
.ev { padding: 0.15rem 0; border-bottom: 1px solid var(--tblr-border-color-translucent, rgba(255, 255, 255, 0.05)); }
|
|
.ev:last-child { border-bottom: none; }
|
|
.ev-info { color: var(--tblr-secondary); }
|
|
.ev-confirmed { color: var(--tblr-success); font-weight: 600; }
|
|
.ev-error, .ev-timeout { color: var(--tblr-danger); }
|
|
.ev-warning, .ev-denied, .ev-noreply { color: var(--tblr-warning); }
|
|
.ev-debug { color: var(--tblr-info); word-break: break-all; }
|
|
.ev-sent { color: var(--tblr-azure); }
|
|
.ev-reply { color: var(--tblr-body-color); white-space: pre-wrap; }
|
|
|
|
/* ---------- Leaflet map ---------- */
|
|
#map {
|
|
height: 360px;
|
|
border-radius: var(--tblr-border-radius);
|
|
border: 1px solid var(--tblr-border-color);
|
|
}
|
|
.leaflet-popup-content { color: #111; }
|