style: header finish

reBike · Jul 19, 2022 · a74b0fa · a74b0fa
1 parent a7c3d22
commit a74b0fa
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/frontend/src/component/Header.jsx b/frontend/src/component/Header.jsx
@@ -53,6 +53,7 @@ function Header() {
     setMouseOn(false);
   };
 
+
   const token = localStorage.getItem("access_token");
   console.log(token);
 
@@ -78,16 +79,19 @@ function Header() {
                   // if IsLogin is true
 
                   <div>
-                    <Link
+                    <Button>
+                      <Link
                       href="/login"
                       onClick={deleteToken}
                       onMouseEnter={handlePopoverOpen} onMouseLeave={handlePopoverClose}
-                      sx={{ textDecoration: "none", color: "#759F98", fontSize: "small",mr:2, mt:50 }}>
+                      sx={{ textDecoration: "none", color: "#759F98", fontSize: "small",mr:2, mt:4 }}>
                       Welcom, {token} 님
                     </Link>
+                    </Button>
+
                     {mouseOn?
                     <Container
-                      style={{ position: 'absolute', top: 70 }}>
+                      style={{ position: 'absolute', top: 80 }}>
                       <Box 
                         display="flex" justifyContent="center" 
                         sx={{

diff --git a/frontend/src/component/mainpage/SearchBar.jsx b/frontend/src/component/mainpage/SearchBar.jsx
@@ -21,7 +21,7 @@ const SearchBar= () =>{
         backgroundColor : "white",
         borderColor:"#759F98",  
         border : 1,
-        borderRadius : 10, margin:"auto", mt : 15,width: "58ch" }}>
+        borderRadius : 10, margin:"auto", mt : 30,width: "58ch" }}>
       <Box 
         onSubmit={handleSubmit}
         component="form"