plusIconの謎Flex修正

SystemEngineeringTeam · Oct 3, 2024 · 3b04228 · 3b04228
1 parent efc20ca
commit 3b04228
Showing 1 changed file with 4 additions and 10 deletions.
diff --git 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"
         />