devlab/server-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

replace number inputs with range sliders in threshold modal

Browse Source
This commit is contained in:
Agent
2026-06-13 16:30:45 -04:00
parent dc34f29169
commit e92f51e36b
2 changed files with 52 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
public/assets/css/style.css
View File

@@ -3134,3 +3134,39 @@ textarea.form-input {
background: var(--bg-hover, #e9ecef);
border-color: var(--text-muted, #888);
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--text-primary);
border: 2px solid var(--bg-card);
box-shadow: 0 1px 4px rgba(0,0,0,0.4);
cursor: pointer;
transition: transform 0.1s;
}
input[type="range"]::-webkit-slider-thumb:hover {
transform: scale(1.15);
}
input[type="range"]::-moz-range-thumb {
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--text-primary);
border: 2px solid var(--bg-card);
box-shadow: 0 1px 4px rgba(0,0,0,0.4);
cursor: pointer;
}
input[type="range"]:focus {
outline: none;
}
input[type="range"]::-moz-range-track {
height: 6px;
border-radius: 3px;
}