CodeCow/stack
1
0
Fork 0
mirror of https://github.com/stack-auth/stack.git synced 2026-06-13 21:01:21 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Refine country code select styling.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Developing-Gamer 2026-05-27 12:31:14 -07:00
parent f8b95d5a08
commit 93bb13f51f
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
apps/dashboard/src/components/country-code-select.tsx
View File

@ -1,13 +1,13 @@
"use client";
import { cn } from "@/lib/utils";
import { DesignInput } from "@/components/design-components";
import {
FormControl,
FormField,
FormItem,
FormMessage,
Input,
} from "@/components/ui";
import { cn } from "@/lib/utils";
import { FieldLabel } from "@/components/form-fields";
import { useEffect, useState } from "react";
import { Control, FieldValues, Path } from "react-hook-form";
@ -34,7 +34,7 @@ export function CountryCodeInput({
}, [value]);
return (
<Input
<DesignInput
value={draftValue}
onChange={(e) => {
const val = e.target.value.toUpperCase().replace(/[^A-Z]/g, "").slice(0, 2);
@ -44,6 +44,7 @@ export function CountryCodeInput({
placeholder={placeholder}
disabled={disabled}
maxLength={2}
size="sm"
className={cn("font-mono", className)}
/>
);