fix: 한줄평 없을 때 스타일 수정 #112

boostcampwm-2024 · Dec 5, 2024 · c5c994d · c5c994d
1 parent 6d5b7ab
commit c5c994d
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/frontend/src/components/Place/PlaceDetailPanel.tsx b/frontend/src/components/Place/PlaceDetailPanel.tsx
@@ -12,7 +12,7 @@ type PlaceDetailPanelProps = {
 
 const PlaceDetailPanel = ({ place, onClosed }: PlaceDetailPanelProps) => {
   return (
-    <BaseWrapper position="" left="" top="" className="w-1/2">
+    <BaseWrapper position="" left="" top="" className="h-auto w-1/2">
       <Box>
         <button onClick={onClosed}>
           <PrevIcon />
@@ -23,8 +23,10 @@ const PlaceDetailPanel = ({ place, onClosed }: PlaceDetailPanelProps) => {
         <PlaceItem place={place} isDetailPage={false} />
       </Box>
       <Box>
-        <p>한줄평</p>
-        <p>{place.comment}</p>
+        <p className="font-semibold">한줄평</p>
+        <div className="flex items-center justify-center text-c_placeholder_gray">
+          <p>{place.comment ?? '한줄평이 없습니다.'}</p>
+        </div>
       </Box>
     </BaseWrapper>
   );