style: #265 - 플로팅 버튼 위치 고정 css 수정

Team-TenTen · Dec 3, 2023 · 456655e · 456655e
1 parent 5c2893d
commit 456655e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/FloatingButton/FloatingButton.tsx b/src/components/FloatingButton/FloatingButton.tsx
@@ -11,12 +11,12 @@ const FloatingButton = () => {
 
   return (
     <>
-      <div className="fixed bottom-4 left-[427px] right-0 z-50 mx-auto w-10">
+      <div className="fixed bottom-10 left-1/2 right-0 z-40 flex h-0 w-full max-w-[500px] -translate-x-1/2 items-center justify-end pr-4 font-bold text-gray9">
         <button
           onClick={() =>
             isLoggedIn ? router.push(`/space/create`) : modalOpen()
           }
-          className="z-50 h-10 w-10 cursor-pointer rounded-full border border-slate6 bg-bgColor text-slate6 shadow-lg">
+          className="h-10 w-10 cursor-pointer rounded-full border border-slate6 bg-bgColor text-slate6 shadow-lg">
           <PlusSmallIcon />
         </button>
       </div>