Toggle navigation
Toggle navigation
This project
Loading...
Sign in
2021-1-capstone-design1
/
GCL_Project1
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
이승윤
2021-05-25 21:31:07 +0900
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
8e3943fe96b8746cfe1c2d96627148be19680ce3
8e3943fe
1 parent
7d2a67c2
style: Logo 삽입, 배치 및 스타일 수정
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
18 additions
and
21 deletions
frontend/src/components/Header.js
frontend/src/components/Header.js
View file @
8e3943f
...
...
@@ -31,14 +31,15 @@ const MenuContainer = styled.div`
`
;
const
LogoContainer
=
styled
.
div
`
margin-top:
2
0px;
margin-top:
1
0px;
float: left;
padding: 20px;
img {
width: 1
0
0px;
width: 1
3
0px;
vertical-align: bottom;
}
cursor: pointer;
`
;
const
SearchContainer
=
styled
.
div
`
...
...
@@ -83,8 +84,8 @@ const SortOptionContainer = styled.div`
const
OptionContainer
=
styled
.
div
`
position: absolute;
top: 1
29
px;
left:
6
50px;
top: 1
32
px;
left:
7
50px;
`
;
const
UserContainer
=
styled
.
div
`
...
...
@@ -115,7 +116,9 @@ const Header = () => {
<>
<
MainContainer
>
<
HeaderTop
/>
<
LogoContainer
onClick
=
{
onMainClick
}
>
로고
<
/LogoContainer
>
<
LogoContainer
onClick
=
{
onMainClick
}
>
<
img
src
=
"eDrive_logo_v2.png"
alt
=
""
/>
<
/LogoContainer
>
<
SearchContainer
>
<
DropDownContainer
>
<
DropDownWrap
>
...
...
@@ -124,11 +127,7 @@ const Header = () => {
float
=
"left"
fontsize
=
"20px"
height
=
"50px"
options
=
{[
{
id
:
1
,
name
:
'전체'
},
{
id
:
2
,
name
:
'개인'
},
{
id
:
3
,
name
:
'부서'
},
]}
options
=
{[{
id
:
1
,
name
:
'전체'
}]}
/
>
<
/DropDownWrap
>
<
/DropDownContainer
>
...
...
@@ -141,33 +140,31 @@ const Header = () => {
<
SLink
activeClassName
=
"active"
to
=
"/search"
>
전체
<
/SLink
>
<
SLink
to
=
"/search_categori1"
>
개인
<
/SLink
>
<
SLink
to
=
"/search_categori2"
>
부서
<
/SLink
>
<
/ul
>
<
/MenuContainer
>
<
OptionContainer
>
<
SearchOptionContainer
onClick
=
{
openModal
}
>
<
Button
color
=
"white"
>
고급
검색
<
/Button
>
<
/SearchOptionContainer
>
<
Modal
showModal
=
{
showModal
}
setShowModal
=
{
setShowModal
}
/
>
<
SortOptionContainer
>
<
DropDownButton
color
=
"white"
width
=
"85px"
fontsize
=
"1
6
px"
height
=
"3
8
px"
title
=
"정렬"
fontsize
=
"1
5
px"
height
=
"3
6
px"
title
=
"정렬
(기본)
"
options
=
{[
{
id
:
0
,
name
:
'정렬'
},
{
id
:
0
,
name
:
'정렬
(기본)
'
},
{
id
:
1
,
name
:
'날짜빠른순'
},
{
id
:
2
,
name
:
'크기높은순'
},
{
id
:
3
,
name
:
'크기낮은순'
},
]}
/
>
<
/SortOptionContainer
>
<
SearchOptionContainer
onClick
=
{
openModal
}
>
<
Button
color
=
"gray"
>
고급
검색
<
/Button
>
<
/SearchOptionContainer
>
<
Modal
showModal
=
{
showModal
}
setShowModal
=
{
setShowModal
}
/
>
<
/OptionContainer
>
<
UserContainer
>
<
Button
color
=
"
whit
e"
width
=
"100px"
height
=
"50px"
fontsize
=
"20px"
>
<
Button
color
=
"
blu
e"
width
=
"100px"
height
=
"50px"
fontsize
=
"20px"
>
사용자
님
<
/Button
>
<
/UserContainer
>
...
...
Please
register
or
login
to post a comment