From 0894d66ddef2641e81dfec88afc2719742108ff7 Mon Sep 17 00:00:00 2001
From: gusdn010158 <gusdn010158@gmail.com>
Date: Fri, 1 Mar 2024 01:05:03 +0900
Subject: [PATCH] Design Header,Main,Make page css change

---
 src/Header.tsx   | 120 +++++++++++++++++++++++++++++++++--------------
 src/Lounge.tsx   |   5 ++
 src/Main.tsx     |  31 ++++++++----
 src/Make.tsx     |  37 ++++++++++++---
 src/img/logo.PNG | Bin 0 -> 5240 bytes
 5 files changed, 143 insertions(+), 50 deletions(-)
 create mode 100644 src/img/logo.PNG

diff --git a/src/Header.tsx b/src/Header.tsx
index 05e7427..04379bf 100644
--- a/src/Header.tsx
+++ b/src/Header.tsx
@@ -4,6 +4,7 @@ import { AiOutlineMenu } from "react-icons/ai";
 import { Link } from 'react-router-dom';
 import { CgSearch } from "react-icons/cg";
 
+
 interface HeaderProps {
     toggleSidebar: () => void;
     isSidebarOpen: boolean;
@@ -15,40 +16,51 @@ z-index: 9999;
     width: 100%;
     height: 70px;
     justify-content: space-between;
-    background-color: #272829;
-    color: white;
+    background-color:white;
+    color: black;
     align-items: center;
     border-left: 50px;
     position: fixed;
+    border:1px solid black;
 `;
 
 const LeftContainer = styled.div`
     display: flex;
-    width: 300px;
+    width: 400px;
     align-items: center;
     justify-content: space-around;
 `;
 
 const RightContainer = styled.div`
     display: flex;
-    width: 500px;
+    width: 600px;
     justify-content: space-around;
 `;
 
 const SearchContainer = styled.div`
     display: flex;
-    width: 250px;
+    width: 280px;
     align-items: center;
     justify-content: space-around;
 `;
+const Searchinput = styled.input`
+    width: 220px;
+    border-right:0px solid black;
+    border-top:0px solid black;
+    border-left:0px solid black;
+`;
+const Searchbutton = styled.button`
+   border:0px;
+   display:flex;
 
-const Input = styled.input`
-    width: 230px;
+   background-color:white;
 `;
 
+
+
 const LoginContainer = styled.div`
     height: 25px;
-    width: 150px;
+   
     justify-content: space-around;
     display: flex;
     align-items: center;
@@ -61,43 +73,72 @@ const Sidebar = styled.div`
     position: absolute;
     height: 880px;
     width: 200px;
-    background-color: #272829;
+    background-color:white;
+    border:1px solid black;
 `;
 
-const SidebarItem = styled.div`
-  text-decoration:none;
-font-size:22px;
-display:flex;
-align-items:center;
-height:100%;
-color:white; 
-background-color: #272829;
-`;
+
 const SidebarLink=styled(Link)`
 text-decoration:none;
 font-size:22px;
 display:flex;
 align-items:center;
 height:100%;
-color:white; 
-background-color: #272829;
+border-radius:15px;
+padding-left:15px;
+color:black; 
+background-color: white;
 &.active {
-  background-color: white;
-  color:black; 
+  background-color: #7ba1da;
+  color:white; 
+}
+&:hover{
+  background-color: #b7c9e2;
+  color:white; 
+  transition: 1s;
 }
+
+`;
+const SidebarMe=styled.div`
+font-size:22px;
+height:100%;
+padding-left:15px;
+display:flex;
+align-items:center;
 `;
 const Sidebardiv=styled.div`
-border-right:1px solid black;
 height:55px;
-width:198px;
-background-color: #272829;
+margin:15px;
+background-color: white;
 &.active {
-  background-color: white;
-  color:black; 
+ 
+  color:white; 
 }
 `;
+const Logo=styled.div`
+ background-image: url(https://t3.ftcdn.net/jpg/03/53/02/50/360_F_353025063_sgL2uW9B1Euw2QOR79zFIOWcUY5CrWxZ.jpg);
+  background-repeat: no-repeat;
+  width:150px;
+  height:70px;
+  background-position:center;
+  background-size: cover;
+ 
+`;
+const HeadLink=styled(Link)`
+text-decoration:none;
+margin-right:30px;
+display:flex;
+align-items:center;
+height:50px;
+width:110px;
+border-radius:15px;
+justify-content:center;
+color:white; 
+background-color: #7ba1da;
 
 
+`;
+
 const Header: React.FC<HeaderProps> = ({ toggleSidebar, isSidebarOpen }) => {
     const [activeLink, setActiveLink] = useState<number | null>(null);
 
@@ -121,7 +162,10 @@ const Header: React.FC<HeaderProps> = ({ toggleSidebar, isSidebarOpen }) => {
 
                             <Sidebardiv  className={`SidebarLink ${activeLink === 1 ? "active" : ""}`} 
                              onClick={() => handleClick(1)}>
-                            <SidebarItem>설정</SidebarItem>
+                            <SidebarLink to="/" 
+                            className={`SidebarLink ${activeLink === 1 ? "active" : ""}`} 
+                            onClick={() => handleClick(1)}
+                            >설정</SidebarLink>
                             </Sidebardiv>
 
                             <Sidebardiv className={`SidebarLink ${activeLink === 2 ? "active" : ""}`} 
@@ -132,13 +176,15 @@ const Header: React.FC<HeaderProps> = ({ toggleSidebar, isSidebarOpen }) => {
                             <hr />
                             <Sidebardiv  className={`SidebarLink ${activeLink === 3 ? "active" : ""}`} 
                              onClick={() => handleClick(3)}>
-                            <SidebarItem>나</SidebarItem>
+                            <SidebarMe>나</SidebarMe>
                             </Sidebardiv>
                             <hr />
                             <Sidebardiv  className={`SidebarLink ${activeLink === 4 ? "active" : ""}`} 
                              onClick={() => handleClick(4)}>
-                            <SidebarItem>친구창</SidebarItem>
+                            <SidebarLink to="/"  className={`SidebarLink ${activeLink === 4 ? "active" : ""}`} 
+        onClick={() => handleClick(4)}>친구창</SidebarLink>
                             </Sidebardiv>
+
                             <Sidebardiv className={`SidebarLink ${activeLink === 5 ? "active" : ""}`} 
                              onClick={() => handleClick(5)}>
                             <SidebarLink to="/MyPage"  className={`SidebarLink ${activeLink === 5 ? "active" : ""}`} 
@@ -147,22 +193,24 @@ const Header: React.FC<HeaderProps> = ({ toggleSidebar, isSidebarOpen }) => {
 </Sidebardiv>
 <Sidebardiv  className={`SidebarLink ${activeLink === 6 ? "active" : ""}`} 
                              onClick={() => handleClick(6)}>
-                            <SidebarItem>사이드바 내용</SidebarItem>
+                            <SidebarLink to="/"  className={`SidebarLink ${activeLink === 6 ? "active" : ""}`} 
+        onClick={() => handleClick(6)}>사이드바 내용</SidebarLink>
                             </Sidebardiv>
                         </Sidebar>
                     )}
                 </div>
-                <Link to="/" style={{ textDecoration: "none", color: "white" }}>SWS</Link>
+
+                <Link to="/"><Logo></Logo></Link>
             </LeftContainer>
             <RightContainer>
                 <SearchContainer>
-                    <Input />
-                    <div><CgSearch size="25" /></div>
+                    <Searchinput placeholder='해시 태크를 검색해 보세요'/>
+                    <Searchbutton><CgSearch size="25" /></Searchbutton>
 
                 </SearchContainer>
                 <LoginContainer>
-                    <Link to="/SignInUpPage/SignInUpBox" style={{ textDecoration: "none", color: "white" }}>로그인</Link>
-                    <Link to="/SignInUpPage/SignUpBox" style={{ textDecoration: "none", color: "white" }}>회원가입</Link>
+                    <HeadLink to="/SignInUpPage/SignInUpBox">로그인</HeadLink>
+                    <HeadLink to="/SignInUpPage/SignUpBox">회원가입</HeadLink>
                 </LoginContainer>
             </RightContainer>
         </HeaderContainer>
diff --git a/src/Lounge.tsx b/src/Lounge.tsx
index 3300dea..04f2644 100644
--- a/src/Lounge.tsx
+++ b/src/Lounge.tsx
@@ -147,3 +147,8 @@ const App: React.FC<MainProps> = ({ isSidebarOpen }) => {
 };
 
 export default App;
+
+
+
+
+
diff --git a/src/Main.tsx b/src/Main.tsx
index 0ed9a7b..bd9343f 100644
--- a/src/Main.tsx
+++ b/src/Main.tsx
@@ -20,9 +20,10 @@ height:36%;
 
 `;
 const TopButton = styled.button`
-background-color:#272829;
+background-color: #7ba1da;
 color:white;
-border-radius: 50%;
+border-radius: 15px;
+border:0px;
 width:40px;
 height:40px;
 display:flex;
@@ -81,7 +82,7 @@ height:50px;
 width:220px;
 border-right: 50px;
 border-radius: 25px;
-background-color:#b9b9b9;
+background-color: #7ba1da;
 `;
 const BottomInputInput=styled.input`
 border-radius: 25px;
@@ -109,11 +110,19 @@ const BottomComponent1Caffee=styled.div`
 border-radius: 25px;
 
 width:250px;
-border:#272829;
-height:200px;`;
+
+height:200px;
+box-shadow: 5px 5px 5px 5px gray;
+&:hover{
+    height:220px;
+    width:270px;
+  transition: 0.5s;
+}
+`;
+
 const BottomComponent1CaffeeImg=styled.div`
 border-style: solid;
-border-bottom: 0;
+border: 0;
 border-radius:25px 25px 0px 0px;
 background-position: center;
 background-repeat: repeat;
@@ -121,12 +130,18 @@ background-size:cover;
 box-sizing: border-box;
 
 width:100%;
-height:80%;`;
+height:85%;
+`;
+
 const BottomComponent1CaffeeText=styled.div`
+height:15%;
 display:flex;
 justify-content: space-around;
-border-style: solid;
+border: 0;
+
 border-radius: 0px 0px 25px 25px;`;
+
+
 const BottomCheck=styled.div`
 display:flex;
 align-items: center;
diff --git a/src/Make.tsx b/src/Make.tsx
index 0e50014..ba1cc29 100644
--- a/src/Make.tsx
+++ b/src/Make.tsx
@@ -26,7 +26,7 @@ flex-direction:column;
 
 `;
 const MakeLeftNumber=styled.div`
-background-Color:gray;
+background-color: #7ba1da;
 font-size:100px;
 width:500px;
 height:500px;
@@ -37,8 +37,11 @@ align-items:center;
 margin-bottom:50px;
 `;
 const MakeLeftButton=styled.button`
-background-color:gray;
-padding:12px;
+background-color: #7ba1da;
+padding:6px 25px 6px 25px;
+border-radius: 15px;
+color:white;
+border:0;
 
 `;
 const MakeLeftIn=styled.div`
@@ -62,7 +65,7 @@ height:660px;
 flex-direction:column;
 `;
 const MakeRightTitle=styled.div`
-background-color:gray;
+background-color: #7ba1da;
 width:600px;
 max-height:50px;
 border-radius:25px;
@@ -73,16 +76,30 @@ justify-content:center;
 
 const MakeRightfriend=styled.div`
 display:flex;
+justify-content:space-around;
+align-items:center;
 `;
 const MakeRightinput =styled.input`
 height:70px;
-width:600px;
+width:530px;
+margin-right:20px;
+border-left:0px;
+border-top:0px;
+border-right:0px;
 display:flex;
 align-items:center;
 `;
 const MakeRightbutton =styled.button`
 display:flex;
 align-items:center;
+height:60px;
+width:80px;
+justify-content:center;
+border:0px;
+color:white;
+border-radius:10px;
+background-color:#7ba1da;
+
 `;
 const MakeRightCenter=styled.div`
 height:550px;
@@ -99,8 +116,16 @@ align-items:center;
 const MakeBottomButton=styled.button`
 padding:30px 70px 30px 70px;
 font-size:30px;
+border:0;
+
 border-radius:25px;
-background-color:gray;
+background-color: #7ba1da;
+
+&:hover{
+    height:110px;
+    width:350px;
+  transition: 1s;
+}
 `;
 
 
diff --git a/src/img/logo.PNG b/src/img/logo.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..b85afa3e75fa18dd8de09e8bf37fccf80d9e5aa6
GIT binary patch
literal 5240
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
MN32XrF@Hw>7whbGjQ{`u

literal 0
HcmV?d00001