more consistent styling

This commit is contained in:
Oliver Bryan
2026-01-10 18:55:27 +00:00
parent 6d67d6a7b3
commit e2195e395b
2 changed files with 4 additions and 4 deletions

View File

@@ -40,7 +40,7 @@ export function Field({
}, [isTouched, validate, value]);
return (
<div className="flex flex-col gap-1">
<div className="flex flex-col gap-1 w-full">
<div className="flex items-end justify-between w-full text-xs">
<Label htmlFor={label} className="flex items-center text-sm">
{label}

View File

@@ -14,7 +14,7 @@ function Input({
return (
<div
className={cn(
"border-input dark:bg-input/30 flex h-9 w-full min-w-0 items-center border bg-transparent shadow-xs",
"border-input dark:bg-input/30 flex h-9 w-full min-w-0 items-center border bg-transparent",
"transition-[color,box-shadow]",
"has-[:focus-visible]:border-ring",
"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
@@ -27,7 +27,7 @@ function Input({
data-slot="input"
className={cn(
"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground",
"h-full w-full min-w-0 bg-transparent px-3 py-1 pr-1 text-base outline-none",
"h-full flex-1 min-w-0 bg-transparent px-3 py-1 pr-1 text-base outline-none",
"file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium",
"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
)}
@@ -36,7 +36,7 @@ function Input({
{showCounter && currentLength !== undefined && maxLength !== undefined && (
<span
className={cn(
"border-l px-2 h-full flex items-center justify-center text-[11px] tabular-nums",
"border-l px-2 h-full flex w-fit items-center justify-center text-[11px] tabular-nums",
currentLength / maxLength >= 1
? "text-destructive"
: currentLength / maxLength >= 0.75