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:
유병철
2026-02-25 22:32:52 +09:00
parent 27a7773d95
commit 81a016ada9
6 changed files with 18 additions and 19 deletions

View File

@@ -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'