From fe00eb085e1f5d2921d8ae6c61127157040909f4 Mon Sep 17 00:00:00 2001
From: root <o.o@bitheaven.ru>
Date: Sun, 30 Mar 2025 15:50:15 +0500
Subject: [PATCH] Add more style

---
 css/style.css  |  50 +++++++++++++++++++++++++++++++++++++++++++++++++
 img/loader.png | Bin 0 -> 439 bytes
 2 files changed, 50 insertions(+)
 create mode 100644 img/loader.png

diff --git a/css/style.css b/css/style.css
index 7b5cd75..5a6d641 100644
--- a/css/style.css
+++ b/css/style.css
@@ -13,6 +13,41 @@ table {
 	width: 100%;
 }
 
+tr {
+	position: relative;
+	cursor: pointer;
+}
+
+tr::before {
+	content: '';
+	display: none;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: #00000044;
+}
+
+tr::after {
+	content: '';
+	display: none;
+	position: absolute;
+	top: calc(50% - 10px);
+	left: calc(50% - 10px);
+	width: 20px;
+	height: 20px;
+	background: url(/img/loader.png);
+	background-size: contain;
+	filter: invert(100%);
+	animation: spin 1s linear infinite;
+}
+
+tr.loading::before,
+tr.loading::after {
+	display: block;
+}
+
 td {
 	padding: 5px 10px;
 }
@@ -21,11 +56,20 @@ td {
 	display: none;
 }
 
+#loader {
+	text-align: center;
+}
+
 #loader span {
 	animation: 1500ms infinite loader;
 	animation-delay: calc(var(--i) * 500ms);
 }
 
+@keyframes spin {
+	from { transform: rotate(0deg); }
+	to { transform: rotate(360deg); }
+}
+
 @keyframes loader {
 	from {
 		opacity: 1;
@@ -34,3 +78,9 @@ td {
 		opacity: 0;
 	}
 }
+
+@media (prefers-color-scheme: light) {
+	tr::after {
+		filter: invert(0%);
+	}
+}
diff --git a/img/loader.png b/img/loader.png
new file mode 100644
index 0000000000000000000000000000000000000000..3ab11715ed2dc0b895b51093f86b2c1b970f30a4
GIT binary patch
literal 439
zcmV;o0Z9IdP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000XU
z000XU0RWnu7ytkPX-PyuRCt{2m|sc*F%XBp7mJ6m&%KIED;}v2rC341Yg7t7LDh@+
z(!VcO+}8J%$Oy7zv(-&@8=VgZmMNLcFFTWT1B#+3e~C6Q0d`_jphHB-Z-Fdlukzc`
zGqEK9W%oqD&LJQrash9SahJdo@GkZUT+jehhk$Xxn2}@5&{twD;2Ky1E1A^z@^qwO
z^NG9wX9X*tl~~V*0NW}VpN+OOY$`S`NFFJhti&FC2v}PJZ#=}^A0WW=Rb^I|z{{Eh
zq@haa%0pbU+ms2Id6?(3VMp>NTuuB_%vM<@pv#dnbR<6@5_+=R?8Rm=th}Pcz$tJi
zA1PaTHonkw<)B;uNtHmimaXlE@GQQ~H?I<C6X-usZ331S0Va585}C&&e_kcfAm-E2
za02v!XR*Hc6h(=Y)`7PZjh(zcZzmc#xPJ3-Z+!fB0g11Z*Z1v2ZM7ZhcA~b@2u1V)
hlDcYJQ51#7_y9XN_By$WJ#hd4002ovPDHLkV1i+rxnuwU

literal 0
HcmV?d00001