-
Notifications
You must be signed in to change notification settings - Fork 50
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #17 from dyongdi/dev
[Team23] Tab section 구현, 컴포넌트 트리 구조 추가
- Loading branch information
Showing
22 changed files
with
332 additions
and
189 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
55 changes: 34 additions & 21 deletions
55
banchan/src/components/header/headerRight/HeaderRight.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,31 +1,44 @@ | ||
import styled, { ThemeProvider } from "styled-components"; | ||
import theme from "../../utils/constant"; | ||
import styled from "styled-components"; | ||
import IconButton from "../../utils/button/IconButton"; | ||
import { CenterContainer } from "../../utils/styles/common"; | ||
|
||
const HeaderRight = (props) => { | ||
const HeaderRightDiv = styled.div` | ||
display: flex; | ||
align-items: center; | ||
`; | ||
|
||
const StyledSpan = styled.span` | ||
margin: 0 12px; | ||
font-size: ${(props) => props.theme.fontSizes.S}; | ||
font-family: "Noto Sans KR"; | ||
cursor: pointer; | ||
&:hover { | ||
font-weight: bold; | ||
} | ||
`; | ||
|
||
const tempFn = () => { | ||
console.log("hello"); | ||
}; | ||
return ( | ||
<HeaderRightDiv> | ||
<ThemeProvider theme={theme}> | ||
<SearchBox> | ||
<input /> | ||
<StyledSpan>로그인</StyledSpan> | ||
<StyledSpan>장바구니</StyledSpan> | ||
</ThemeProvider> | ||
<IconButton type="SEARCH" fn={tempFn} /> | ||
</SearchBox> | ||
<StyledSpan>로그인</StyledSpan> | ||
<StyledSpan>장바구니</StyledSpan> | ||
</HeaderRightDiv> | ||
); | ||
}; | ||
|
||
const HeaderRightDiv = styled(CenterContainer)` | ||
justify-content: start; | ||
`; | ||
|
||
const StyledSpan = styled.span` | ||
margin: 0 12px; | ||
font-size: ${(props) => props.theme.fontSizes.S}; | ||
cursor: pointer; | ||
&:hover { | ||
font-weight: bold; | ||
} | ||
`; | ||
const SearchBox = styled(CenterContainer)` | ||
justify-content: space-between; | ||
border-radius: ${(props) => props.theme.borders.radius}; | ||
background: ${(props) => props.theme.colors.lightGrayBG}; | ||
width: 248px; | ||
height: 40px; | ||
padding: 0 10px 0 15px; | ||
input { | ||
all: unset; | ||
} | ||
`; | ||
export default HeaderRight; |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,5 +1,13 @@ | ||
import CarouselSection from './CarouselSection'; | ||
import CarouselSection from "./CarouselSection"; | ||
import TabSection from "./tab/TabSection"; | ||
|
||
const MainPage = (props) => <CarouselSection />; | ||
const MainPage = (props) => { | ||
return ( | ||
<> | ||
<TabSection /> | ||
<CarouselSection /> | ||
</> | ||
); | ||
}; | ||
|
||
export default MainPage; |
Oops, something went wrong.