fix some sizes

gsoft-inc · Oct 12, 2023 · 137b692 · 137b692
1 parent eff2052
commit 137b692
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/packages/components/src/button/src/ButtonGroup.tsx b/packages/components/src/button/src/ButtonGroup.tsx
@@ -20,12 +20,12 @@ export interface InnerButtonGroupProps extends Omit<AbstractGroupProps<typeof De
 /* eslint-disable sort-keys, sort-keys-fix/sort-keys-fix */
 const Gap = {
     "horizontal": {
-        "sm": 80,
+        "sm": "0.75rem",
         "md": 160
     },
     "vertical": {
         "sm": 80,
-        "md": 160
+        "md": "0.75rem"
     }
 } as const;
 /* eslint-enable sort-keys, sort-keys-fix/sort-keys-fix */

diff --git a/packages/components/src/card/tests/chromatic/Card.chroma.jsx b/packages/components/src/card/tests/chromatic/Card.chroma.jsx
@@ -108,7 +108,7 @@ stories()
     )
     .add("flex layout", () =>
         <Stack>
-            <Flex gap="4">
+            <Flex gap={160}>
                 <Card>
                     <Image src={ApolloBanner} alt="Appolo 11 Banner" />
                     <Heading>Nasa</Heading>
@@ -124,7 +124,7 @@ stories()
                     <Content>The National Aeronautics and Space Administration</Content>
                 </Card>
             </Flex>
-            <Flex gap="4">
+            <Flex gap={160}>
                 <Card fluid>
                     <Image src={ApolloBanner} alt="Appolo 11 Banner" />
                     <Heading>Nasa</Heading>

diff --git a/packages/components/src/input/src/useGroupInput.ts b/packages/components/src/input/src/useGroupInput.ts
@@ -9,11 +9,11 @@ import { useFieldContext } from "../../field";
 const Gap = {
     horizontal: {
         "sm": 160,
-        "md": 240
+        "md": "1.25rem"
     },
     vertical: {
         "sm": 80,
-        "md": 160
+        "md": "0.75rem"
     }
 } as const;
 /* eslint-enable sort-keys, sort-keys-fix/sort-keys-fix */