Merge pull request #60 from Keywordream-PDA/feature/info

뒤로 가기 버튼 추가, footer 아이콘 교체

Author: YeongseoYoo

public/back.png

@@ -1,7 +1,6 @@
 .footer-copyright-text {
   color: #6c6c6c !important;
   text-decoration: none;
-
 }
 
 .footer-navbar {

public/bluehouse.png

@@ -12,27 +12,28 @@ const Footer = () => {
     >
       <Container>
         <Navbar.Text className="footer-copyright-text">
-          <Link to="/search">
+          
+          <Link to="#" onClick={() => window.history.back()}>
             {" "}
             <img
-              src={process.env.PUBLIC_URL + "/search.png"}
-              alt="search glass"
+              src={process.env.PUBLIC_URL + "/back.png"}
+              alt="back"
               className="footer-icon"
             />
           </Link>
           <Link to="/main">
             {" "}
             <img
-              src={process.env.PUBLIC_URL + "/bluehouse.png"}
-              alt="Blue House"
+              src={process.env.PUBLIC_URL + "/house.png"}
+              alt="House"
               className="footer-icon"
             />
           </Link>
           <Link to="/mypage">
             {" "}
             <img
-              src={process.env.PUBLIC_URL + "/treasure_box.png"}
-              alt="treasure box"
+              src={process.env.PUBLIC_URL + "/favorite.png"}
+              alt="userFavorite"
               className="footer-icon"
             />
           </Link>

public/favorite.png

@@ -0,0 +1,9 @@
+.header-icon {
+  width: 1.5rem;
+  margin-top: 2rem;
+  /* 이미지 간의 간격을 조정합니다. */
+}
+.header-title {
+  display: flex;
+  justify-content: space-between;
+}

public/house.png

@@ -11,15 +11,26 @@ const Header = () => {
       fixed="top"
       style={{ height: "8%", padding: "2vh 4vh", backgroundColor: "white" }}
     >
-      <Link to="/">
-        <img
-          src={logo}
-          width="160px"
-          className="logo-img"
-          alt="Keywordream logo"
-          style={{ marginTop: "15px", paddingLeft: "0vh" }}
-        />
-      </Link>
+      <div className="header-title">
+        <Link to="/">
+          <img
+            src={logo}
+            width="160px"
+            className="logo-img"
+            alt="Keywordream logo"
+            style={{ marginTop: "2rem", paddingLeft: "0vh" }}
+          />
+        </Link>
+
+        <Link to="/search">
+          {" "}
+          <img
+            src={process.env.PUBLIC_URL + "/search.png"}
+            alt="search glass"
+            className="header-icon"
+          />
+        </Link>
+      </div>
       <Container></Container>
     </Navbar>
   );