admin/PolyMPR
1
0
Fork 0
Code Issues 14 Pull Requests 1 Actions Packages Projects 1 Releases Wiki Activity

feat: made stuff

Browse Source
This commit is contained in:
Djalim Simaila
2026-05-01 14:14:33 +02:00
parent 9a4c6863d1
commit b6586f7715
19 changed files with 1870 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/styles/ui.css
+10 -2
View File
@@ -40,6 +40,12 @@
font-size: 0.8rem;
font-family: inherit;
min-width: 8rem;
box-sizing: border-box;
}
.form-field .filter-select {
width: 100%;
min-width: 0;
}
.filter-input:focus,
@@ -368,7 +374,9 @@
color: light-dark(var(--light-foreground), var(--dark-foreground));
font-size: 0.82rem;
font-family: inherit;
min-width: 12rem;
min-width: 0;
width: 100%;
box-sizing: border-box;
}
.form-input:focus {
@@ -799,7 +807,7 @@
.form-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
gap: 0.75rem 1rem;
margin-bottom: 0.75rem;
}
static/theme.js
+8 -8
View File
@@ -1,15 +1,15 @@
(function () {
var t = localStorage.getItem("theme");
const t = localStorage.getItem("theme");
if (t) document.documentElement.style.colorScheme = t;
document.addEventListener("click", function (e) {
var btn = e.target.closest("#theme-toggle");
const btn = e.target.closest("#theme-toggle");
if (!btn) return;
var cs = getComputedStyle(document.documentElement).colorScheme;
var isDark = cs === "dark" ||
const cs = getComputedStyle(document.documentElement).colorScheme;
const isDark = cs === "dark" ||
(!cs || cs === "light dark") &&
matchMedia("(prefers-color-scheme:dark)").matches;
var next = isDark ? "light" : "dark";
const next = isDark ? "light" : "dark";
document.documentElement.style.colorScheme = next;
localStorage.setItem("theme", next);
btn.querySelector("span").textContent = next === "dark"
@@ -18,10 +18,10 @@
});
document.addEventListener("DOMContentLoaded", function () {
var btn = document.getElementById("theme-toggle");
const btn = document.getElementById("theme-toggle");
if (!btn) return;
var cs = getComputedStyle(document.documentElement).colorScheme;
var isDark = cs === "dark" ||
const cs = getComputedStyle(document.documentElement).colorScheme;
const isDark = cs === "dark" ||
(!cs || cs === "light dark") &&
matchMedia("(prefers-color-scheme:dark)").matches;
btn.querySelector("span").textContent = isDark ? "light_mode" : "dark_mode";