From 87d46e96c4de80f1b28b032f2e0fbbf012506392 Mon Sep 17 00:00:00 2001
From: YOOJS1205 <junsang8921@gmail.com>
Date: Sat, 1 Mar 2025 06:18:49 +0000
Subject: [PATCH] =?UTF-8?q?=ED=94=8C=EB=A1=9C=ED=8C=85=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EC=9C=84=EC=B9=98=EA=B0=80=20=EC=83=81=EC=9D=B4?=
 =?UTF-8?q?=ED=95=9C=20=EB=AC=B8=EC=A0=9C,=20=EC=83=81=EC=84=B8=20?=
 =?UTF-8?q?=EC=BB=A8=ED=85=90=EC=B8=A0=EA=B0=80=20=EC=9E=98=EB=A6=AC?=
 =?UTF-8?q?=EB=8A=94=20=EB=AC=B8=EC=A0=9C=EB=A5=BC=20=ED=95=B4=EA=B2=B0?=
 =?UTF-8?q?=ED=95=9C=EB=8B=A4.=20(#156)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/Dialog/DialogProvider.tsx          |  2 +-
 .../common/Layout/DefaultLayout.tsx           | 20 +++++++++----------
 src/pages/Vote/VotePage.tsx                   | 15 ++++++++++++--
 3 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/src/components/common/Dialog/DialogProvider.tsx b/src/components/common/Dialog/DialogProvider.tsx
index 21b4f38..6ed6f13 100644
--- a/src/components/common/Dialog/DialogProvider.tsx
+++ b/src/components/common/Dialog/DialogProvider.tsx
@@ -28,7 +28,7 @@ export const DialogProvider = ({ children }: { children: React.ReactNode }) => {
       {createPortal(
         currentDialog && (
           <Overlay onClose={closeDialog}>
-            <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full max-w-[430px] pr-[25px] pl-[25px]">
+            <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full max-w-[430px]">
               {currentDialog}
             </div>
           </Overlay>
diff --git a/src/components/common/Layout/DefaultLayout.tsx b/src/components/common/Layout/DefaultLayout.tsx
index 264a26d..12340d3 100644
--- a/src/components/common/Layout/DefaultLayout.tsx
+++ b/src/components/common/Layout/DefaultLayout.tsx
@@ -10,18 +10,16 @@ export default function DefaultLayout() {
   };
 
   return (
-    <div className="w-full h-full mx-auto my-0 min-h-lvh desktop:w-[480px] relative">
+    <div className="relative w-full h-full mx-auto my-0 min-h-lvh max-w-[480px]">
       <Outlet />
-
-      <div className="fixed bottom-[12vh] desktop:right-[calc(50%-216px)] z-50">
-        <FloatingButton
-          onClick={handleClickFloatingButton}
-          buttonType="secondary"
-          size="large"
-        >
-          <Icon name="PlusWhite" size="large" />
-        </FloatingButton>
-      </div>
+      <FloatingButton
+        onClick={handleClickFloatingButton}
+        className="absolute bottom-25 right-6 z-50"
+        buttonType="secondary"
+        size="large"
+      >
+        <Icon name="PlusWhite" size="large" />
+      </FloatingButton>
     </div>
   );
 }
diff --git a/src/pages/Vote/VotePage.tsx b/src/pages/Vote/VotePage.tsx
index 30ce228..741cf8d 100644
--- a/src/pages/Vote/VotePage.tsx
+++ b/src/pages/Vote/VotePage.tsx
@@ -1,4 +1,5 @@
 import { useNavigate } from 'react-router-dom';
+import useGetMyInfo from '@/api/useGetMyInfo';
 import Logo from '@/assets/icons/logo.svg?react';
 import { Header } from '@/components/common/Header/Header';
 import Icon from '@/components/common/Icon';
@@ -9,6 +10,11 @@ import VoteSection from '@/components/vote-detail/Vote/VoteSection';
 
 export default function VotePage() {
   const navigate = useNavigate();
+  const { data: myInfo } = useGetMyInfo();
+
+  const handleClickUserButton = () => {
+    navigate(`/user/${myInfo?.id}`);
+  };
 
   return (
     <div className="bg-gray-200 w-full h-screen flex itmes-center flex-col pt-[85px] relative">
@@ -29,11 +35,16 @@ export default function VotePage() {
           />
         }
         rightNode={
-          <Icon className="cursor-pointer" name="UserFill" size="large" />
+          <Icon
+            className="cursor-pointer"
+            onClick={handleClickUserButton}
+            name="UserFill"
+            size="large"
+          />
         }
       />
       <div
-        className="mx-[15px] px-[10px] pt-[18px] pb-3 bg-gray-100 rounded-2xl shadow-[0px_2px_20px_0px_rgba(0,0,0,0.03),0px_20px_15px_0px_rgba(0,0,0,0.02),0px_8px_25px_0px_rgba(0,0,0,0.04)] 
+        className="h-[calc(100dvh-165px)] overflow-y-auto mx-[15px] px-[10px] pt-[18px] pb-3 bg-gray-100 rounded-2xl shadow-[0px_2px_20px_0px_rgba(0,0,0,0.03),0px_20px_15px_0px_rgba(0,0,0,0.02),0px_8px_25px_0px_rgba(0,0,0,0.04)] 
         "
       >
         <VoteTopSection />