split prepend case is done

deven-org · Jan 18, 2024 · f48e499 · f48e499
1 parent 7a58d48
commit f48e499
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/packages/ui-library/src/components/forms/number-input/index.css.ts b/packages/ui-library/src/components/forms/number-input/index.css.ts
@@ -302,16 +302,14 @@ export const baseStyle = css`
 
     .input-unit-container input.prepend {
       grid-area: second;
-    }
-
-    .input-unit-container input.prepend > input {
       padding-left: 0;
     }
 
     .input-unit-container.split {
+      flex: 1;
       display: inline-grid;
-      grid-template-columns: 1fr 1fr;
-      grid-template-areas: "first second";
+      grid-template-columns: 1fr auto auto 1fr;
+      grid-template-areas: "left-gap first second right-gap";
     }
 
     .input-unit-container.split .input-container > input {
@@ -328,6 +326,6 @@ export const baseStyle = css`
   }
 
   .split > button:last-of-type {
-    margin-left: auto;
+    _margin-left: auto;
   }
 `;