fix(ui): correct range slider styling in chrome (#3299)

1 year ago · d954328911
parent 3e43586acc
commit d954328911
1 changed files with 8 additions and 1 deletions
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@ -452,7 +452,14 @@
    @apply hidden;
  }

-  input[type='range']::-webkit-slider-thumb,
+  input[type='range']::-webkit-slider-thumb {
+    @apply rounded-full border-0 bg-indigo-500;
+    pointer-events: all;
+    width: 16px;
+    height: 16px;
+    -webkit-appearance: none;
+  }
+
  input[type='range']::-moz-range-thumb {
    @apply rounded-full border-0 bg-indigo-500;
    pointer-events: all;