Upload styles.css
Browse files- styles.css +11 -3
styles.css
CHANGED
|
@@ -28,7 +28,8 @@ body {
|
|
| 28 |
line-height: 1.5;
|
| 29 |
overflow-x: hidden;
|
| 30 |
}
|
| 31 |
-
|
|
|
|
| 32 |
position: absolute;
|
| 33 |
bottom: 1rem;
|
| 34 |
right: 1rem;
|
|
@@ -37,8 +38,15 @@ body {
|
|
| 37 |
border-radius: 20px;
|
| 38 |
font-weight: 600;
|
| 39 |
}
|
| 40 |
-
.status.online { background: #00c851; color: #fff; }
|
| 41 |
-
.status.offline { background: #ff4444; color: #fff; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 42 |
|
| 43 |
/* 3. Liquid BG */
|
| 44 |
.liquid-bg {
|
|
|
|
| 28 |
line-height: 1.5;
|
| 29 |
overflow-x: hidden;
|
| 30 |
}
|
| 31 |
+
/* ---------- endpoint status pills ---------- */
|
| 32 |
+
.card .status {
|
| 33 |
position: absolute;
|
| 34 |
bottom: 1rem;
|
| 35 |
right: 1rem;
|
|
|
|
| 38 |
border-radius: 20px;
|
| 39 |
font-weight: 600;
|
| 40 |
}
|
| 41 |
+
.card .status.online { background: #00c851; color: #fff; }
|
| 42 |
+
.card .status.offline { background: #ff4444; color: #fff; }
|
| 43 |
+
|
| 44 |
+
/* ---------- keep stat icons untouched ---------- */
|
| 45 |
+
.stat-card i {
|
| 46 |
+
background: var(--accent); /* keep the gradient */
|
| 47 |
+
-webkit-background-clip: text;
|
| 48 |
+
-webkit-text-fill-color: transparent;
|
| 49 |
+
}
|
| 50 |
|
| 51 |
/* 3. Liquid BG */
|
| 52 |
.liquid-bg {
|