diff --git a/html/firmware.php b/html/firmware.php index 3336fd8..3b1f1d8 100755 --- a/html/firmware.php +++ b/html/firmware.php @@ -8,7 +8,7 @@ License text: https://github.com/shreebhattji/Urmi/blob/main/licence.md */ exec("sudo chmod 444 /sys/class/dmi/id/product_uuid"); -$version = 3; +$version = 3.1; function fail(string $msg): never { diff --git a/html/input.php b/html/input.php index d8e8b40..0c25286 100755 --- a/html/input.php +++ b/html/input.php @@ -588,13 +588,12 @@ file_put_contents($jsonFile, json_encode($data, JSON_PRETTY_PRINT));

Service List

-
- - - - +
+ + + +
- diff --git a/html/style.css b/html/style.css index 94022af..3d29936 100644 --- a/html/style.css +++ b/html/style.css @@ -434,11 +434,13 @@ main { font-weight: bold; padding: 10px 20px; border: none; - width: 33%; + width: 100%; border-radius: 7px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(0, 168, 255, 0.2); + margin: 5px 0; + /* Add vertical spacing between buttons */ } .red-btn { @@ -447,11 +449,13 @@ main { font-weight: bold; padding: 10px 20px; border: none; - width: 33%; + width: 100%; border-radius: 7px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(255, 71, 87, 0.2); + margin: 5px 0; + /* Add vertical spacing between buttons */ } .red-btn:hover { @@ -1064,4 +1068,100 @@ td:nth-child(13) { border-collapse: collapse; margin-top: 20px; border: 1px solid var(--accent-blue); +} + +.service-table th, +.service-table td { + padding: 12px; + text-align: left; + border-bottom: 1px solid var(--accent-blue); + border-right: 1px solid var(--accent-blue); +} + +.service-table th { + background: rgba(10, 25, 41, 0.7); + position: sticky; + top: 0; + border-top: 1px solid var(--accent-blue); + border-left: 1px solid var(--accent-blue); +} + +.edit-btn { + background: linear-gradient(90deg, #00a8ff, #00b8ff); + color: white; + border: none; + padding: 8px 12px; + border-radius: 6px; + cursor: pointer; + font-size: 0.9rem; + transition: all 0.3s ease; + box-shadow: 0 4px 8px rgba(0, 168, 255, 0.2); + width: 100%; + margin: 3px 0; +} + +.edit-btn:hover { + background: linear-gradient(90deg, #00b8ff, #00a8ff); + transform: translateY(-2px); + box-shadow: 0 6px 12px rgba(0, 168, 255, 0.3); +} + +.restart-btn { + background: linear-gradient(90deg, #ff9f40, #ff6b00); + color: white; + border: none; + padding: 8px 12px; + border-radius: 6px; + cursor: pointer; + font-size: 0.9rem; + transition: all 0.3s ease; + box-shadow: 0 4px 8px rgba(255, 159, 64, 0.2); + width: 100%; + margin: 3px 0; +} + +.restart-btn:hover { + background: linear-gradient(90deg, #ff6b00, #ff9f40); + transform: translateY(-2px); + box-shadow: 0 6px 12px rgba(255, 159, 64, 0.3); +} + +.delete-btn { + background: linear-gradient(90deg, #ff4757, #ff6b81); + color: white; + border: none; + padding: 8px 12px; + border-radius: 6px; + cursor: pointer; + font-size: 0.9rem; + transition: all 0.3s ease; + box-shadow: 0 4px 8px rgba(255, 71, 87, 0.2); + width: 100%; + margin: 3px 0; +} + +.delete-btn:hover { + background: linear-gradient(90deg, #ff6b81, #ff4757); + transform: translateY(-2px); + box-shadow: 0 6px 12px rgba(255, 71, 87, 0.3); +} + +.action-buttons { + display: flex; + flex-direction: column; + gap: 5px; +} + +.card .button-container { + display: flex; + flex-wrap: wrap; + gap: 10px; + margin: 10px 0; +} + +.card .button-container .green-btn, +.card .button-container .red-btn { + flex: 1 1 calc(50% - 10px); + min-width: 120px; + margin: 0; } \ No newline at end of file