83 lines
2.5 KiB
CSS
83 lines
2.5 KiB
CSS
/* ── Tile (locked dimensions) ──────────────────────────────── */
|
|
.sovran-tile {
|
|
border-radius: 18px;
|
|
padding: 0px;
|
|
min-width: 180px;
|
|
max-width: 180px;
|
|
min-height: 210px;
|
|
max-height: 210px;
|
|
overflow: hidden;
|
|
transition: box-shadow 200ms ease-in-out;
|
|
}
|
|
.sovran-tile:hover {
|
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/* ── Tile text ─────────────────────────────────────────────── */
|
|
.tile-name {
|
|
font-size: 1.0em;
|
|
font-weight: bold;
|
|
}
|
|
.tile-status {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
/* ── Section headers ───────────────────────────────────────── */
|
|
.section-header {
|
|
font-size: 1.3em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* ── Status colors ─────────────────────────────────────────── */
|
|
.success { color: #2ec27e; }
|
|
.warning { color: #e5a50a; }
|
|
.error { color: #e01b24; }
|
|
.disabled-label { color: #888888; font-style: italic; }
|
|
|
|
/* ── Header / role ─────────────────────────────────────────── */
|
|
.hub-title {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
}
|
|
.role-badge {
|
|
padding: 2px 8px;
|
|
border-radius: 4px;
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
/* ── Update indicator ──────────────────────────────────────── */
|
|
.update-badge {
|
|
color: #2ec27e;
|
|
font-size: 1.3em;
|
|
font-weight: bold;
|
|
}
|
|
.update-available {
|
|
background: #2ec27e;
|
|
color: white;
|
|
font-size: 1.0em;
|
|
}
|
|
.update-available:hover {
|
|
background: #26a269;
|
|
}
|
|
|
|
/* ── IP bar ────────────────────────────────────────────────── */
|
|
.ip-bar {
|
|
padding: 10px 20px;
|
|
border-radius: 10px;
|
|
background: alpha(@card_bg_color, 0.5);
|
|
}
|
|
.ip-label {
|
|
font-size: 0.95em;
|
|
}
|
|
.ip-value {
|
|
font-family: monospace;
|
|
font-weight: bold;
|
|
font-size: 1.0em;
|
|
color: @accent_color;
|
|
}
|
|
|
|
/* ── Grid container ────────────────────────────────────────── */
|
|
.tiles-container {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
} |