Spaces:
Sleeping
Sleeping
Update public/admin.html
Browse files- public/admin.html +18 -4
public/admin.html
CHANGED
|
@@ -13,6 +13,12 @@
|
|
| 13 |
th { color: #a9b4c2; font-weight: 600; }
|
| 14 |
.muted { color: #a9b4c2; }
|
| 15 |
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 16 |
</style>
|
| 17 |
</head>
|
| 18 |
<body>
|
|
@@ -22,11 +28,19 @@
|
|
| 22 |
<div class="muted">Clients: <span id="clientCount">0</span></div>
|
| 23 |
</div>
|
| 24 |
|
| 25 |
-
<div id='display' class='time'>00
|
|
|
|
| 26 |
<div class='controls'>
|
| 27 |
-
<
|
| 28 |
-
|
| 29 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 30 |
</div>
|
| 31 |
|
| 32 |
<div class="footer">
|
|
|
|
| 13 |
th { color: #a9b4c2; font-weight: 600; }
|
| 14 |
.muted { color: #a9b4c2; }
|
| 15 |
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
|
| 16 |
+
.controls { flex-wrap: wrap; }
|
| 17 |
+
.row { display: flex; gap: 10px; justify-content: center; align-items: center; margin-top: 10px; }
|
| 18 |
+
.row label { color: #a9b4c2; font-size: .92rem; }
|
| 19 |
+
input[type="color"] {
|
| 20 |
+
width: 42px; height: 34px; padding: 0; border: 1px solid #2f3746; border-radius: 8px; background: #232a36;
|
| 21 |
+
}
|
| 22 |
</style>
|
| 23 |
</head>
|
| 24 |
<body>
|
|
|
|
| 28 |
<div class="muted">Clients: <span id="clientCount">0</span></div>
|
| 29 |
</div>
|
| 30 |
|
| 31 |
+
<div id='display' class='time'>00.00</div>
|
| 32 |
+
|
| 33 |
<div class='controls'>
|
| 34 |
+
<div class="row">
|
| 35 |
+
<button id='start' class='primary'>Start</button>
|
| 36 |
+
<button id='stop'>Stop</button>
|
| 37 |
+
<button id='reset' class='danger'>Reset</button>
|
| 38 |
+
</div>
|
| 39 |
+
<!-- NEW: Color control -->
|
| 40 |
+
<div class="row">
|
| 41 |
+
<label for="colorPicker">Clock color</label>
|
| 42 |
+
<input id="colorPicker" type="color" value="#E8EEF8" />
|
| 43 |
+
</div>
|
| 44 |
</div>
|
| 45 |
|
| 46 |
<div class="footer">
|