From 3b042288b1ef312c79b92781eb25bf43171a8d86 Mon Sep 17 00:00:00 2001
From: nasubi916 <r916nis@gmail.com>
Date: Thu, 3 Oct 2024 11:31:22 +0900
Subject: [PATCH] =?UTF-8?q?plusIcon=E3=81=AE=E8=AC=8EFlex=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Footer.tsx | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 189af83..86f7285 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -6,12 +6,10 @@ import styled from "styled-components";
 const FooterStyle = styled(Flex)`
   position: fixed;
   color: #242d3c;
-  bottom: 5%;
-  right: 0;
-  left: 0;
+  bottom: 1.5rem;
+  right: 1.5rem;
   margin: 0 auto;
   height: 6.2%;
-  width: 95%;
   z-index: 10;
 `;
 
@@ -39,9 +37,6 @@ const FooterStyle = styled(Flex)`
 
 const CreateDummyStyle = styled.div`
   background-color: #5e5e5e;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   width: fit-content;
   height: fit-content;
   padding: 1rem;
@@ -50,11 +45,10 @@ const CreateDummyStyle = styled.div`
   box-shadow:
     12px 12px 16px #b5bec9,
     -12px -12px 16px #ffffff;
-  overflow: hidden;
   transition: 160ms;
 `;
 
-const PrusStyle = styled.img`
+const PlusStyle = styled.img`
   width: 1.8rem;
   height: 1.8rem;
 `;
@@ -63,7 +57,7 @@ export function Footer(): ReactElement {
   return (
     <FooterStyle>
       <CreateDummyStyle>
-        <PrusStyle
+        <PlusStyle
           alt="prus"
           src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23f7f7f7' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M256 112v288m144-144H112'/%3E%3C/svg%3E"
         />