feat: [공통] UI 컴포넌트 개선 (TabChip, FormField, Select 등)
- TabChip, FormField, MobileCard, Select 컴포넌트 개선 - IntegratedListTemplateV2, UniversalListPage 타입 보강 - LoginPage UI 개선 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -29,9 +29,9 @@ export const InfoField = memo(function InfoField({
|
||||
className = '',
|
||||
}: InfoFieldProps) {
|
||||
return (
|
||||
<div className={cn('space-y-0.5', className)}>
|
||||
<div className={cn('space-y-0.5 min-w-0', className)}>
|
||||
<p className="text-xs text-muted-foreground">{label}</p>
|
||||
<div className={cn('text-sm font-medium', valueClassName)}>{value}</div>
|
||||
<div className={cn('text-sm font-medium break-words', valueClassName)}>{value}</div>
|
||||
</div>
|
||||
);
|
||||
});
|
||||
@@ -194,7 +194,7 @@ export function MobileCard({
|
||||
<div
|
||||
key={`${detail.label}-${index}`}
|
||||
className={cn(
|
||||
'flex items-center gap-1',
|
||||
'flex items-center gap-1 min-w-0',
|
||||
detail.colSpan === 2 && 'col-span-2'
|
||||
)}
|
||||
>
|
||||
@@ -264,7 +264,7 @@ export function MobileCard({
|
||||
return (
|
||||
<div
|
||||
className={cn(
|
||||
'border rounded-lg p-5 space-y-4 bg-white dark:bg-card transition-all',
|
||||
'border rounded-lg p-5 space-y-4 bg-white dark:bg-card transition-all overflow-hidden',
|
||||
handleClick && 'cursor-pointer',
|
||||
isSelected
|
||||
? 'border-blue-500 bg-blue-50/50'
|
||||
|
||||
Reference in New Issue
Block a user