diff options
| author | dujinkim <dujin.kim@dtsolution.co.kr> | 2025-11-19 06:15:43 +0000 |
|---|---|---|
| committer | dujinkim <dujin.kim@dtsolution.co.kr> | 2025-11-19 06:15:43 +0000 |
| commit | c92bd1b8caa6ddabe6acee42018262febd5d91fb (patch) | |
| tree | 833a62c9577894b0f77d3677d4d0274e1cb99385 /components/common | |
| parent | 9bf5b15734cdf87a02c68b2d2a25046a0678a037 (diff) | |
(임수민) 기본계약 코멘트, 법무검토 수정
Diffstat (limited to 'components/common')
| -rw-r--r-- | components/common/legal/sslvw-pur-inq-req-dialog.tsx | 25 |
1 files changed, 13 insertions, 12 deletions
diff --git a/components/common/legal/sslvw-pur-inq-req-dialog.tsx b/components/common/legal/sslvw-pur-inq-req-dialog.tsx index 438b6582..e9ed75e5 100644 --- a/components/common/legal/sslvw-pur-inq-req-dialog.tsx +++ b/components/common/legal/sslvw-pur-inq-req-dialog.tsx @@ -173,29 +173,30 @@ export function SSLVWPurInqReqDialog({ onConfirm }: SSLVWPurInqReqDialogProps) { </DialogDescription> </DialogHeader> - <div className="flex-1 overflow-hidden flex flex-col"> + <div className="flex flex-col h-full max-h-[calc(90vh-8rem)]"> {isLoading ? ( - <div className="flex items-center justify-center flex-1"> + <div className="flex items-center justify-center flex-1 min-h-[200px]"> <Loader className="mr-2 size-6 animate-spin" /> <span>데이터 로딩 중...</span> </div> ) : error ? ( - <div className="flex items-center justify-center flex-1 text-red-500"> + <div className="flex items-center justify-center flex-1 min-h-[200px] text-red-500"> <span>오류: {error}</span> </div> ) : data.length === 0 ? ( - <div className="flex items-center justify-center flex-1 text-muted-foreground"> + <div className="flex items-center justify-center flex-1 min-h-[200px] text-muted-foreground"> <span>데이터가 없습니다.</span> </div> ) : ( - <> - <ScrollArea className="flex-1"> - <Table> - <TableHeader> + <div className="flex flex-col flex-1 min-h-0"> + {/* 테이블 영역 - 스크롤 가능 */} + <ScrollArea className="flex-1 border rounded-md"> + <Table className="min-w-full"> + <TableHeader className="sticky top-0 bg-background z-10"> {table.getHeaderGroups().map((headerGroup) => ( <TableRow key={headerGroup.id}> {headerGroup.headers.map((header) => ( - <TableHead key={header.id} className="font-medium"> + <TableHead key={header.id} className="font-medium bg-background"> {header.isPlaceholder ? null : flexRender( @@ -238,8 +239,8 @@ export function SSLVWPurInqReqDialog({ onConfirm }: SSLVWPurInqReqDialogProps) { </Table> </ScrollArea> - {/* 페이지네이션 컨트롤 */} - <div className="flex items-center justify-between px-2 py-4 border-t"> + {/* 페이지네이션 컨트롤 - 고정 영역 */} + <div className="flex items-center justify-between px-2 py-4 border-t bg-background flex-shrink-0"> <div className="flex-1 text-sm text-muted-foreground"> {table.getFilteredSelectedRowModel().rows.length}개 행 선택됨 </div> @@ -304,7 +305,7 @@ export function SSLVWPurInqReqDialog({ onConfirm }: SSLVWPurInqReqDialogProps) { </div> </div> </div> - </> + </div> )} </div> |
