From e04e6e96bf7a1802474e4f38916ce06f2fb96da7 Mon Sep 17 00:00:00 2001
From: wkdghdwns199 <wkdghdwns199@naver.com>
Date: Thu, 5 Sep 2024 01:25:00 +0900
Subject: [PATCH] =?UTF-8?q?hotfix=20:=20Footer=20=EB=84=88=EB=B9=84?=
 =?UTF-8?q?=EB=A1=9C=20=EC=9D=B8=ED=95=9C=20=EC=88=98=ED=8F=89=20=EC=8A=A4?=
 =?UTF-8?q?=ED=81=AC=EB=A1=A4=20=EB=B0=9C=EC=83=9D=20=EB=B0=8F=20=EB=8B=A4?=
 =?UTF-8?q?=ED=81=AC=EB=AA=A8=EB=93=9C=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/layout/Footer.tsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/client/src/components/layout/Footer.tsx b/client/src/components/layout/Footer.tsx
index 8a1ba8d..8cefc0f 100644
--- a/client/src/components/layout/Footer.tsx
+++ b/client/src/components/layout/Footer.tsx
@@ -6,6 +6,7 @@ import IconButton from "../button/IconButton";
 import RulesModal from "../modal/RulesModal";
 import { useRecoilState } from "recoil";
 import { rulesModalState, soundEffectStatus } from "../../recoil/recoil";
+import FullLayout from "./FullLayout";
 const { useEffect, useState, useRef } = React;
 
 type Props = {
@@ -30,14 +31,17 @@ const Footer = ({ dark, toggleDarkMode }: ComponentProps) => {
 
 
   return (
-<footer className="m-5 z-30 flex absolute bottom-0 w-11/12 justify-between">
-  <div className="relative bottom-3">
-    © WAG!
-  </div>
-  <div className="relative bottom-3">
-    v1.0.0
-  </div>
-</footer>
+    <FullLayout>
+      <footer className={`w-full z-30 flex justify-between items-center pr-3 pl-3 `}>
+          <div>
+            © WAG!
+          </div>
+          <div>
+            v1.0.0
+          </div>
+      </footer>
+</FullLayout>
+
   );
 };