design: 층 수 이미지 텍스트 정렬

4bujak-4bujak · Jun 9, 2024 · a3a4039 · a3a4039
1 parent 991708d
commit a3a4039
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/reservation/meetingRoom/MeetingRoomIndex.tsx b/src/components/reservation/meetingRoom/MeetingRoomIndex.tsx
@@ -382,7 +382,7 @@ const MeetingRoomIndex: React.FC = () => {
                 </div>
                 <div className="flex mt-[4px] items-center">
                   <Image src={'/floor.svg'} width={14} height={14} alt="floor" className="mr-[6px]" />
-                  <div className="text-stone-500 text-xs font-normal font-['Pretendard'] mr-[12px] my-auto">
+                  <div className="text-stone-500 text-xs font-normal font-['Pretendard'] mr-[12px] mt-auto">
                     {room.meetingRoomFloor < 0 ? `B${Math.abs(room.meetingRoomFloor)}` : `${room.meetingRoomFloor}`}층
                   </div>
                   <Image src={'/capacity.svg'} width={14} height={14} alt="capacity" className="mr-[6px]" />

diff --git a/src/components/reservation/meetingRoom/MeetingRoomInfo.tsx b/src/components/reservation/meetingRoom/MeetingRoomInfo.tsx
@@ -236,7 +236,7 @@ const MeetingRoomInfo = () => {
                 <div className="text-black/opacity-20 text-lg font-bold font-['Pretendard']">{meetingRoom.meetingRoomName}</div>
                 <div className="flex flex-row items-center">
                     <Image src={'/floor.svg'} width={14} height={14} alt="floor" className="mr-[6px]" />
-                    <div className="text-stone-500 text-xs font-normal font-['Pretendard'] mr-[12px] my-auto">
+                    <div className="text-stone-500 text-xs font-normal font-['Pretendard'] mr-[12px] mt-auto">
                         {meetingRoom.meetingRoomFloor < 0 ? `B${Math.abs(meetingRoom.meetingRoomFloor)}` : `${meetingRoom.meetingRoomFloor}`}층
                     </div>
                     <Image src={'/capacity.svg'} width={14} height={14} alt="capacity" className="mr-[6px]" />