gbpark/invyone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(테이블타입): 탭 스타일 Google 식 underline (#27)
Build & Deploy to K8s / build-and-deploy (push) Successful in 6m22s
Details

Browse Source 
johngreen → main: 탭 스타일 Google 식 underline 으로 변경
This commit was merged in pull request #27.
This commit is contained in:
johngreen
2026-05-22 05:04:26 +00:00
parent 4031fe8b60 6233877029
commit 99487049fb
1 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/app/(main)/admin/systemMng/tableMngList/page.tsx
+20 -6
View File
@@ -1695,20 +1695,34 @@ export default function TableManagementPage() {
</div>
) : (
<Tabs defaultValue="columns" className="flex min-h-0 flex-1 flex-col">
<TabsList className="h-8 w-fit shrink-0 self-start mx-4 mt-1">
<TabsTrigger value="columns" className="flex items-center gap-1.5 text-xs">
<Columns3 className="h-3.5 w-3.5" />
<TabsList className="h-auto w-full shrink-0 justify-start gap-1 rounded-none border-b bg-transparent p-0">
<TabsTrigger
value="columns"
className={cn(
"flex items-center gap-2 rounded-none border-b-2 border-transparent bg-transparent px-4 py-2.5 text-sm font-medium text-muted-foreground transition-colors",
"hover:text-foreground",
"data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-primary data-[state=active]:shadow-none",
)}
>
<Columns3 className="h-4 w-4" />
컬럼
</TabsTrigger>
<TabsTrigger value="references" className="flex items-center gap-1.5 text-xs">
<Link2 className="h-3.5 w-3.5" />
<TabsTrigger
value="references"
className={cn(
"flex items-center gap-2 rounded-none border-b-2 border-transparent bg-transparent px-4 py-2.5 text-sm font-medium text-muted-foreground transition-colors",
"hover:text-foreground",
"data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-primary data-[state=active]:shadow-none",
)}
>
<Link2 className="h-4 w-4" />
참조
{(() => {
const refCount = columns.filter((c) =>
["entity", "code", "category", "numbering"].includes(c.input_type),
).length;
return refCount > 0 ? (
<Badge variant="secondary" className="ml-1 h-4 px-1.5 text-[10px]">
<Badge variant="secondary" className="ml-1.5 h-5 px-1.5 text-[11px]">
{refCount}
</Badge>
) : null;