💄 fix input styles for tags

This commit is contained in:
Fred KISSIE
2026-04-30 22:06:36 +02:00
parent 443a19165f
commit 657072dd17
2 changed files with 5 additions and 5 deletions

View File

@@ -56,7 +56,7 @@ export function MultiSelectTagInput<T extends TagValue>({
<span
key={option.id}
className={cn(
"bg-muted-foreground/20 font-normal text-foreground rounded-sm",
"bg-muted-foreground/10 font-normal text-foreground rounded-sm",
"py-1 pl-1.5 pr-0.5 text-xs inline-flex items-center gap-0.5"
)}
onClick={(e) => e.stopPropagation()}

View File

@@ -537,7 +537,7 @@ export function TagInput({ ref, ...props }: TagInputProps) {
onBlur={handleInputBlur}
{...inputProps}
className={cn(
"border-0 px-2 h-5 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 flex-1 w-fit shadow-none inset-shadow-none",
"border-0 px-2 h-6 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 flex-1 w-fit shadow-none inset-shadow-none",
// className,
styleClasses?.input
)}
@@ -624,7 +624,7 @@ export function TagInput({ ref, ...props }: TagInputProps) {
onBlur={handleInputBlur}
{...inputProps}
className={cn(
"border-0 h-5 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 flex-1 w-fit shadow-none inset-shadow-none",
"border-0 h-6 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 flex-1 w-fit shadow-none inset-shadow-none",
// className,
styleClasses?.input
)}
@@ -708,7 +708,7 @@ export function TagInput({ ref, ...props }: TagInputProps) {
onBlur={handleInputBlur}
{...inputProps}
className={cn(
"border-0 px-2 h-5 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 flex-1 w-fit shadow-none inset-shadow-none",
"border-0 px-2 h-6 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 flex-1 w-fit shadow-none inset-shadow-none",
// className,
styleClasses?.input
)}
@@ -786,7 +786,7 @@ export function TagInput({ ref, ...props }: TagInputProps) {
onBlur={handleInputBlur}
{...inputProps}
className={cn(
"border-0 px-2 h-5 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 flex-1 w-fit shadow-none inset-shadow-none",
"border-0 px-2 h-6 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 flex-1 w-fit shadow-none inset-shadow-none",
// className,
styleClasses?.input
)}