(임수민) 구매 법무검토 스크롤 수정

1 files changed, 6 insertions, 5 deletions

diff --git a/components/common/legal/sslvw-pur-inq-req-dialog.tsx b/components/common/legal/sslvw-pur-inq-req-dialog.tsx
index e9ed75e5..42f987fb 100644
--- a/components/common/legal/sslvw-pur-inq-req-dialog.tsx
+++ b/components/common/legal/sslvw-pur-inq-req-dialog.tsx
@@ -31,7 +31,7 @@ import {
   TableRow,
 } from "@/components/ui/table"
 import { Checkbox } from "@/components/ui/checkbox"
-import { ScrollArea } from "@/components/ui/scroll-area"
+import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area"
 
 import { getSSLVWPurInqReqData } from "@/lib/basic-contract/sslvw-service"
 import { SSLVWPurInqReq } from "@/lib/basic-contract/sslvw-service"
@@ -164,7 +164,7 @@ export function SSLVWPurInqReqDialog({ onConfirm }: SSLVWPurInqReqDialogProps) {
           법무검토 요청 데이터 조회
         </Button>
       </DialogTrigger>
-      <DialogContent className="max-w-7xl max-h-[90vh] flex flex-col">
+      <DialogContent className="max-w-7xl h-[90vh] flex flex-col overflow-hidden">
         <DialogHeader>
           <DialogTitle>법무검토 요청 데이터</DialogTitle>
           <DialogDescription>
@@ -173,7 +173,7 @@ export function SSLVWPurInqReqDialog({ onConfirm }: SSLVWPurInqReqDialogProps) {
           </DialogDescription>
         </DialogHeader>
 
-        <div className="flex flex-col h-full max-h-[calc(90vh-8rem)]">
+        <div className="flex flex-col flex-1 min-h-0">
           {isLoading ? (
             <div className="flex items-center justify-center flex-1 min-h-[200px]">
               <Loader className="mr-2 size-6 animate-spin" />
@@ -190,7 +190,7 @@ export function SSLVWPurInqReqDialog({ onConfirm }: SSLVWPurInqReqDialogProps) {
           ) : (
             <div className="flex flex-col flex-1 min-h-0">
               {/* 테이블 영역 - 스크롤 가능 */}
-              <ScrollArea className="flex-1 border rounded-md">
+              <ScrollArea className="flex-1 overflow-auto border rounded-md">
                 <Table className="min-w-full">
                   <TableHeader className="sticky top-0 bg-background z-10">
                     {table.getHeaderGroups().map((headerGroup) => (
@@ -237,6 +237,7 @@ export function SSLVWPurInqReqDialog({ onConfirm }: SSLVWPurInqReqDialogProps) {
                     )}
                   </TableBody>
                 </Table>
+                <ScrollBar orientation="horizontal" />
               </ScrollArea>
 
               {/* 페이지네이션 컨트롤 - 고정 영역 */}
@@ -309,7 +310,7 @@ export function SSLVWPurInqReqDialog({ onConfirm }: SSLVWPurInqReqDialogProps) {
           )}
         </div>
 
-        <DialogFooter className="gap-2">
+        <DialogFooter className="gap-2 flex-shrink-0">
           <Button variant="outline" onClick={() => setOpen(false)}>
             닫기
           </Button>