Merge pull request #21 from FinalDoubleTen/FE-8--feat/Detail

Style: 디테일 페이지 width, height 수정
WePlanPlans · Jan 3, 2024 · 64549cb · 64549cb
2 parents d7c03e7 + 834627b
commit 64549cb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/DetailSectionTop/DetailToursButtons.tsx b/src/components/DetailSectionTop/DetailToursButtons.tsx
@@ -3,12 +3,12 @@ import { ReactComponent as CalendarIcon } from '@assets/images/Calendar.svg';
 
 export default function DetailTourButtons() {
   return (
-    <div className="mt-2 flex w-full items-center justify-between py-2.5">
-      <button className="flex h-[53px] w-[157.5px] items-center justify-center gap-2 rounded-lg border border-solid border-gray3 p-2">
+    <div className="mt-2 flex w-full items-center justify-between gap-3 py-2.5">
+      <button className="flex h-[53px] w-1/2 items-center justify-center gap-2 rounded-lg border border-solid border-gray3 p-2">
         <CalendarIcon />
         <span className="text-sm">일정 추가</span>
       </button>
-      <button className="flex h-[53px] w-[157.5px] items-center justify-center gap-2 rounded-lg border border-solid border-gray3 p-2">
+      <button className="flex h-[53px] w-1/2 items-center justify-center gap-2 rounded-lg border border-solid border-gray3 p-2">
         <PenIcon />
         <span className="text-sm">리뷰 쓰기</span>
       </button>

diff --git a/src/components/DetailSectionTop/DetailToursMap.tsx b/src/components/DetailSectionTop/DetailToursMap.tsx
@@ -14,8 +14,8 @@ export default function DetailToursMap({ mapData }: DetailToursMapProps) {
   const [isMapVisible, setIsMapVisible] = useState<boolean>(false);
 
   const MapStyle = {
-    width: '372px',
-    height: isMapVisible ? 0 : '150px',
+    width: '100%',
+    height: isMapVisible ? 0 : '180px',
     marginTop: isMapVisible ? '15px' : '15px',
     marginBottom: isMapVisible ? '15px' : '15px',
     transition: 'height 0.3s ease-in-out',