chpark/vexplor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UX/UI 개선 및 CRUD 즉시 반영 개선

Browse Source
This commit is contained in:
hyeonsu
2025-09-02 15:41:07 +09:00
parent 1cb923a9d9
commit 40b2328876
8 changed files with 288 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
frontend/app/(main)/admin/commonCode/page.tsx
View File

@@ -22,34 +22,39 @@ export default function CommonCodeManagementPage() {
</div>
{/* 메인 콘텐츠 */}
<div className="grid grid-cols-1 gap-6 lg:grid-cols-3">
{/* 카테고리 패널 */}
<Card className="lg:col-span-1">
<CardHeader>
<CardTitle className="flex items-center gap-2">📂 코드 카테고리</CardTitle>
</CardHeader>
<CardContent className="p-0">
<CodeCategoryPanel selectedCategoryCode={selectedCategoryCode} onSelectCategory={setSelectedCategoryCode} />
</CardContent>
</Card>
{/* 반응형 레이아웃: PC는 가로, 모바일은 세로 */}
<div className="flex flex-col gap-6 lg:flex-row lg:gap-8">
{/* 카테고리 패널 - PC에서 좌측 고정 너비, 모바일에서 전체 너비 */}
<div className="w-full lg:w-80 lg:flex-shrink-0">
<Card className="h-fit">
<CardHeader>
<CardTitle className="flex items-center gap-2">📂 코드 카테고리</CardTitle>
</CardHeader>
<CardContent className="p-0">
<CodeCategoryPanel
selectedCategoryCode={selectedCategoryCode}
onSelectCategory={setSelectedCategoryCode}
/>
</CardContent>
</Card>
</div>
{/* 구분선 */}
<Separator orientation="vertical" className="hidden lg:block" />
{/* 코드 상세 패널 */}
<Card className="lg:col-span-2">
<CardHeader>
<CardTitle className="flex items-center gap-2">
📋 코드 상세 정보
{selectedCategoryCode && (
<span className="text-muted-foreground text-sm font-normal">({selectedCategoryCode})</span>
)}
</CardTitle>
</CardHeader>
<CardContent className="p-0">
<CodeDetailPanel categoryCode={selectedCategoryCode} />
</CardContent>
</Card>
{/* 코드 상세 패널 - PC에서 나머지 공간, 모바일에서 전체 너비 */}
<div className="min-w-0 flex-1">
<Card className="h-fit">
<CardHeader>
<CardTitle className="flex items-center gap-2">
📋 코드 상세 정보
{selectedCategoryCode && (
<span className="text-muted-foreground text-sm font-normal">({selectedCategoryCode})</span>
)}
</CardTitle>
</CardHeader>
<CardContent className="p-0">
<CodeDetailPanel categoryCode={selectedCategoryCode} />
</CardContent>
</Card>
</div>
</div>
</div>
);