Draw every card on the same surface

Four pages had already agreed on #161616 under four class names while the shared
card was still the older #1e1e1e, so the plugin had two card looks.
This commit is contained in:
Gmer4Lfe
2026-08-12 20:07:00 -04:00
parent e64d26af6c
commit 44275a8a04
+7 -1
View File
@@ -25,7 +25,13 @@ body.vv-fullscreen #displaybox { padding-left: 1rem !important; padding-top: .5r
/* Cards / layout */ /* Cards / layout */
.vv-row { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; } .vv-row { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.vv-card { flex: 1; min-width: 200px; background: #1e1e1e; border: 1px solid #444; /* One card surface for the whole plugin. #161616 on #2a2a2a was already what Settings, Watchdog,
Arrs and Rsync drew — four pages agreeing under four different class names — while this shared
one was still the older #1e1e1e on #444. Bringing it here is what makes them one look rather
than two, and it is done on the appearance alone: flex and min-width stay, because the Monitor
grid needs a 200px floor and the Arrs grid needs min-width:0, and merging those would change
how both size their columns to fix a colour. */
.vv-card { flex: 1; min-width: 200px; background: #161616; border: 1px solid #2a2a2a;
border-radius: 6px; padding: 12px; } border-radius: 6px; padding: 12px; }
.vv-wide { flex: 100%; } .vv-wide { flex: 100%; }
.vv-card h3 { margin: 0 0 10px; font-size: 13px; text-transform: uppercase; .vv-card h3 { margin: 0 0 10px; font-size: 13px; text-transform: uppercase;