fix: #2625 Fix input spin button position (#2777)

saadeghi · Feb 7, 2024 · 4fb0a30 · 4fb0a30
1 parent a962628
commit 4fb0a30
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/components/unstyled/input.css b/src/components/unstyled/input.css
@@ -2,3 +2,16 @@
   @apply shrink appearance-none;
   @apply h-12 px-4 text-sm leading-loose;
 }
+.input[type="number"]::-webkit-inner-spin-button,
+.input-md[type="number"]::-webkit-inner-spin-button{
+  @apply -my-4 -me-4;
+}
+.input-xs[type="number"]::-webkit-inner-spin-button{
+  @apply -my-1 -me-0;
+}
+.input-sm[type="number"]::-webkit-inner-spin-button{
+  @apply my-0 -me-0;
+}
+.input-lg[type="number"]::-webkit-inner-spin-button{
+  @apply -my-6 -me-6;
+}