fix: 미팅룸 가로스크롤

4bujak-4bujak · Jun 10, 2024 · 0dcab70 · 0dcab70
1 parent 1b92f3d
commit 0dcab70
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/components/reservation/meetingRoom/MeetingRoomIndex.tsx b/src/components/reservation/meetingRoom/MeetingRoomIndex.tsx
@@ -298,6 +298,7 @@ const MeetingRoomIndex: React.FC = () => {
           <div className="text-neutral-700 text-sm font-semibold font-['Pretendard']">{selectedMeetingRoomTypes}</div>
           <Image src={'/bottomArrow.svg'} width={11} height={11} alt="bottomArrow" className="ml-auto mr-[2px]" />
         </div>
+        <div className='w-[200px]'>
         <div
           className={`flex-none h-[33px] px-3 py-2 rounded inline-flex cursor-pointer ml-2 mr-[50px] ${selectedEquipment === '비품' ? 'w-[100px] bg-white border border-neutral-300' : 'w-[150px] bg-violet-100'}`}
           onClick={() => handleModalOpen('equipment')}
@@ -306,6 +307,7 @@ const MeetingRoomIndex: React.FC = () => {
           <div className="text-neutral-700 text-sm font-semibold font-['Pretendard']">{selectedEquipment}</div>
           <Image src={'/bottomArrow.svg'} width={11} height={11} alt="bottomArrow" className="ml-auto mr-[2px]" />
         </div>
+        </div>
       </div>
       <div className='flex mb-2'>
       {meetingRooms.length === 0 ? (