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:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user