fix: refine input and button border styling (#46)

* Adjusted button border next to input, reducing it from 2px to 1px. --------- Co-Authored-By: Omer Alpi <omeralpi@icloud.com>
omeralpi · Nov 16, 2024 · bd85af1 · bd85af1
1 parent 08c56ce
commit bd85af1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/ui/phone-input.tsx b/components/ui/phone-input.tsx
@@ -93,7 +93,7 @@ const CountrySelect = ({
         <Button
           type="button"
           variant="outline"
-          className="flex gap-1 rounded-e-none rounded-s-lg px-3"
+          className="flex gap-1 rounded-e-none rounded-s-lg px-3 border-r-0 focus:z-10"
           disabled={disabled}
         >
           <FlagComponent

diff --git a/content/snippets/phone-input.mdx b/content/snippets/phone-input.mdx
@@ -99,7 +99,7 @@ const CountrySelect = ({
         <Button
           type="button"
           variant="outline"
-          className="flex gap-1 rounded-e-none rounded-s-lg px-3"
+          className="flex gap-1 rounded-e-none rounded-s-lg px-3 border-r-0 focus:z-10"
           disabled={disabled}
         >
           <FlagComponent