From e7cfab29fe92856edf4f10f0f0c271f55a896cb4 Mon Sep 17 00:00:00 2001
From: akshat <akshatsinghdelhi@gmail.com>
Date: Fri, 22 Mar 2024 19:57:57 +0530
Subject: [PATCH] fix: subject list modal scroll height

---
 src/components/modals/subject-list-modal.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/modals/subject-list-modal.tsx b/src/components/modals/subject-list-modal.tsx
index dbd9e40..0aae0a1 100644
--- a/src/components/modals/subject-list-modal.tsx
+++ b/src/components/modals/subject-list-modal.tsx
@@ -4,6 +4,7 @@ import { FC } from "react";
 import SubjectList from "../SubjectList";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/dialog";
 import { Drawer, DrawerContent, DrawerHeader, DrawerTitle } from "../ui/drawer";
+import { ScrollArea } from "../ui/scroll-area";
 
 interface SubjectListModalProps {}
 
@@ -18,7 +19,9 @@ const SubjectListModal: FC<SubjectListModalProps> = ({}) => {
                     <DrawerHeader>
                         <DrawerTitle>Subjects</DrawerTitle>
                     </DrawerHeader>
-                    <SubjectList.Data list={subjectList.subjectList} />
+                    <ScrollArea type="scroll" tw="max-h-[75vh]">
+                        <SubjectList.Data list={subjectList.subjectList} />
+                    </ScrollArea>
                 </DrawerContent>
             </Drawer>
         );
@@ -30,7 +33,9 @@ const SubjectListModal: FC<SubjectListModalProps> = ({}) => {
                 <DialogHeader>
                     <DialogTitle>Subjects</DialogTitle>
                 </DialogHeader>
-                <SubjectList.Data list={subjectList.subjectList} />
+                <ScrollArea type="scroll" tw="max-h-[50vh]">
+                    <SubjectList.Data list={subjectList.subjectList} />
+                </ScrollArea>
             </DialogContent>
         </Dialog>
     );