From 40e0b0e375c2e0cab4d2ab61f56af1ad7e4cd268 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= Date: Wed, 25 Feb 2026 16:13:10 +0100 Subject: [PATCH] refactor: streamline TextInput classes with shadcn input --- components/figlet/TextInput.tsx | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/components/figlet/TextInput.tsx b/components/figlet/TextInput.tsx index ab38dcb..383715d 100644 --- a/components/figlet/TextInput.tsx +++ b/components/figlet/TextInput.tsx @@ -1,7 +1,7 @@ 'use client'; import * as React from 'react'; -import { cn } from '@/lib/utils/cn'; +import { cn } from '@/lib/utils'; export interface TextInputProps { value: string; @@ -17,7 +17,12 @@ export function TextInput({ value, onChange, placeholder, className }: TextInput value={value} onChange={(e) => onChange(e.target.value)} placeholder={placeholder || 'Type something...'} - className="w-full h-32 px-4 py-3 text-base border border-border rounded-lg bg-input resize-none focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring placeholder:text-muted-foreground transition-all duration-200" + className={cn( + "placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input w-full min-w-0 rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", + "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", + "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", + "h-32 resize-none" + )} maxLength={100} />