design 프로젝트목록높이고정 #23

prgrms-web-devcourse-final-project · Feb 17, 2025 · aa517c7 · aa517c7
1 parent fdcf604
commit aa517c7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/components/MeetingRoom/MeetingRoomChatBox.tsx b/src/components/MeetingRoom/MeetingRoomChatBox.tsx
@@ -61,7 +61,7 @@ const MeetingRoomChatBox = () => {
   };
 
   return (
-    <div className="flex flex-col px-[30px] pt-[30px] gap-[10px] relative h-full">
+    <div className="flex flex-col px-[30px] pt-[30px] gap-[10px] relative min-h-full">
       <div className="flex justify-between w-[calc(100%-60px)] ">
         <span className="font-bold">프로젝트 명</span>
         <div className="flex gap-[10px]">

diff --git a/src/pages/MeetingRoom/MeetingRoom.tsx b/src/pages/MeetingRoom/MeetingRoom.tsx
@@ -4,10 +4,7 @@ import MeetingRoomProjectBox from "../../components/MeetingRoom/MeetingRoomProje
 
 const MeetingRoom = () => {
   return (
-    <div
-      className="flex w-full p-[50px] gap-[20px] bg-white bg-gradient-to-t from-white/0 via-[#BFCDB7]/30 to-white/0"
-      style={{ maxHeight: "calc(100vh - 50px)" }}
-    >
+    <div className="flex w-full h-[calc(100vh-50px)] p-[50px] gap-[20px] bg-white bg-gradient-to-t from-white/0 via-[#BFCDB7]/30 to-white/0">
       <div className="flex-[0.37] mb-[30px] flex flex-col gap-[30px] px-[30px] bg-white/60">
         <div className="ml-[10px]">
           <div className="inline-flex flex-col items-center">
@@ -29,6 +26,7 @@ const MeetingRoom = () => {
           <MeetingRoomProjectBox />
           <MeetingRoomProjectBox />
           <MeetingRoomProjectBox />
+          <MeetingRoomProjectBox />
         </div>
       </div>
       <div className="flex-[0.63] mb-[30px] bg-white/60">