Fixed some styling.

kalkulacka-one · Oct 23, 2024 · 3e38a66 · 3e38a66
1 parent 698d341
commit 3e38a66
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,5 +21,8 @@
   "workspaces": [
     "apps/*",
     "packages/*"
-  ]
+  ],
+  "dependencies": {
+    "class-variance-authority": "^0.7.0"
+  }
 }
diff --git a/packages/design-system/src/label.tsx b/packages/design-system/src/label.tsx
@@ -5,7 +5,7 @@ import cn from "classnames";
 
 //need to add font Inter and create custom label text
 const labelVariants = cva(
-  "k1-pl-1 k1-pr-1 k1-flex k1-flex-row k1-justify-space-between k1-items-start k1-absolute k1-left-[0.75rem] k1-top-[-0.5rem] k1-bg-neutral-fg-hover k1-bg-white k1-uppercase k1-font-bold k1-tracking-[0.04] k1-text-[0.625rem]",
+  "k1-pl-1 k1-pr-1 k1-flex k1-flex-row k1-justify-space-between k1-items-start k1-absolute k1-left-[0.75rem] k1-top-[-0.5rem] k1-bg-neutral-fg-hover k1-bg-white k1-uppercase k1-font-bold"
 );
 
 const Label = forwardRef<

diff --git a/packages/design-system/src/ui/input/description.tsx b/packages/design-system/src/ui/input/description.tsx
@@ -4,7 +4,9 @@ import { PropsWithChildren } from "react";
 import { twMerge } from "tailwind-merge";
 
 const descriptionVariants = cva(
-  ["k1-absolute -k1-bottom-3 k1-right-4 k1-bg-inherit k1-bg-white"],
+  [
+    "k1-absolute -k1-bottom-3 k1-right-4 k1-bg-white k1-px-0.5 k1-gap-1 k1-inline-flex",
+  ],
   {
     variants: {
       state: {