Compare commits

2 Commits

Author SHA1 Message Date
e730d66f9e feat: UI overhaul 2026-01-28 19:31:53 +01:00
472b33688d temp 2026-01-27 11:03:06 +01:00
2 changed files with 6 additions and 8 deletions

View File

@@ -8,8 +8,7 @@ input[type="range"] {
background: transparent; background: transparent;
} }
input[type="range"]::-moz-range-thumb, input[type="range"]::-moz-range-thumb, input[type="range"]::-webkit-slider-thumb {
input[type="range"]::-webkit-slider-thumb {
width: 1.25rem; width: 1.25rem;
height: 1.25rem; height: 1.25rem;
background: var(--color-gray-400); background: var(--color-gray-400);
@@ -24,13 +23,10 @@ input[type="range"]::-webkit-slider-thumb {
top: -9px; top: -9px;
} }
input[type="range"]::-moz-range-track, input[type="range"]::-moz-range-track, input[type="range"]::-webkit-slider-runnable-track {
input[type="range"]::-webkit-slider-runnable-track {
background: var(--color-gray-800-muted); background: var(--color-gray-800-muted);
height: 0.5rem; height: 0.5rem;
filter: drop-shadow( filter: drop-shadow(0 calc(0px - var(--spacing)) 0 var(--color-gray-900-muted));
0 calc(0px - var(--spacing)) 0 var(--color-gray-900-muted)
);
border-radius: 0.25rem; border-radius: 0.25rem;
} }

View File

@@ -1,7 +1,9 @@
select { select {
appearance: none; appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%239ca3af' d='M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z'/%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%239ca3af' d='M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 2rem; background-size: 2rem;
background-position: right 0.5rem center; background-position: right .5rem center;
} }