alphard/ComfyUI-Lora-Manager
1
0
Fork 0
mirror of https://github.com/willmiao/ComfyUI-Lora-Manager.git synced 2026-03-24 14:42:11 -03:00
Code Issues Packages Projects Releases Wiki Activity

feat(sliders): adjust value label positioning and line height

Browse Source 
- Move slider handle value labels 6px upward in both DualRangeSlider and SingleSlider components
- Add consistent line-height of 14px to ensure proper text alignment
- Improves visual spacing and readability of value labels during slider interaction
This commit is contained in:
Will Miao
2026-01-21 01:05:15 +08:00
parent fd06086a05
commit 1b7b598f7a
4 changed files with 40 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
vue-widgets/src/components/shared/DualRangeSlider.vue
View File

@@ -442,7 +442,7 @@ const stopDrag = (event?: PointerEvent) => {
.slider-handle__value {
position: absolute;
top: 0;
top: -6px;
left: 50%;
transform: translateX(-50%);
font-size: 12px;
@@ -451,6 +451,7 @@ const stopDrag = (event?: PointerEvent) => {
opacity: 0.8;
white-space: nowrap;
pointer-events: none;
line-height: 14px;
}
.slider-handle--min .slider-handle__value {

3
vue-widgets/src/components/shared/SingleSlider.vue
View File

@@ -239,7 +239,7 @@ const stopDrag = (event?: PointerEvent) => {
.slider-handle__value {
position: absolute;
top: 0;
top: -6px;
left: 50%;
transform: translateX(-50%);
font-size: 12px;
@@ -248,5 +248,6 @@ const stopDrag = (event?: PointerEvent) => {
opacity: 0.8;
white-space: nowrap;
pointer-events: none;
line-height: 14px;
}
</style>