style: set rounded as default

empathyco · Dec 2, 2024 · 5679992 · 5679992
1 parent 90f4a85
commit 5679992
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/x-components/src/components/base-slider.vue b/packages/x-components/src/components/base-slider.vue
@@ -179,9 +179,18 @@
   }
 
   .x-base-slider__nouislider .noUi-handle {
+    height: 32px;
+    width: 32px;
+    top: -8px;
+    right: -16px; /* half the width */
+    border-radius: 9999px;
     box-shadow: none;
   }
 
+  .noUi-target {
+    border-radius: 16px;
+  }
+
   .x-base-slider__nouislider .noUi-handle:before,
   .x-base-slider__nouislider .noUi-handle:after {
     content: none;