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:
@@ -42,25 +42,19 @@ export function TabChip({
|
||||
<button
|
||||
onClick={onClick}
|
||||
className={`
|
||||
flex items-center gap-2 px-4 py-2.5 rounded-full border transition-all
|
||||
inline-flex items-center gap-1.5 px-3.5 py-2 rounded-lg border text-sm whitespace-nowrap transition-all
|
||||
${
|
||||
isActiveState
|
||||
? "border-primary bg-primary text-white shadow-sm"
|
||||
: "border-gray-200 bg-white hover:border-gray-300 hover:bg-gray-50"
|
||||
? "border-primary bg-primary text-white shadow-sm font-medium"
|
||||
: "border-gray-200 bg-white hover:border-gray-300 hover:bg-gray-50 text-gray-600"
|
||||
}
|
||||
${className}
|
||||
`}
|
||||
>
|
||||
<span
|
||||
className={`text-sm ${
|
||||
isActiveState ? "text-white font-medium" : "text-gray-600 font-normal"
|
||||
}`}
|
||||
>
|
||||
{label}
|
||||
</span>
|
||||
{label}
|
||||
{count !== undefined && (
|
||||
<span
|
||||
className={`text-sm font-semibold ${
|
||||
className={`font-semibold ${
|
||||
isActiveState ? "text-white" : "text-gray-900"
|
||||
}`}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user