summaryrefslogtreecommitdiff
path: root/components
diff options
context:
space:
mode:
authordujinkim <dujin.kim@dtsolution.co.kr>2025-11-19 06:15:43 +0000
committerdujinkim <dujin.kim@dtsolution.co.kr>2025-11-19 06:15:43 +0000
commitc92bd1b8caa6ddabe6acee42018262febd5d91fb (patch)
tree833a62c9577894b0f77d3677d4d0274e1cb99385 /components
parent9bf5b15734cdf87a02c68b2d2a25046a0678a037 (diff)
(임수민) 기본계약 코멘트, 법무검토 수정
Diffstat (limited to 'components')
-rw-r--r--components/common/legal/sslvw-pur-inq-req-dialog.tsx25
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>