feat: style input

2024-10-24 10:28:36 -03:00 · 2024-10-24 10:28:36 -03:00 · b1c4f57786
commit b1c4f57786
parent 6293476b23
1 changed files with 11 additions and 1 deletions
--- a/src/components/Input.tsx
+++ b/src/components/Input.tsx
@ -5,7 +5,17 @@ type Props = ComponentProps<typeof InputField>;

 export function Input({ ...others }: Props) {
  return (
-    <GSInput bg="$gray700" h="$14" px="$4" borderWidth="$0" borderRadius="$md">
+    <GSInput
+      bg="$gray700"
+      h="$14"
+      px="$4"
+      borderColor="$gray700"
+      borderWidth="$1"
+      borderRadius="$md"
+      $focus={{
+        borderColor: "$green500"
+      }}
+    >
      <InputField
        color="$white"
        fontFamily="$body"