Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
S
SWLab UI
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
hyeryung
SWLab UI
Commits
57de568f
Commit
57de568f
authored
8 months ago
by
박민석
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
update header
parent
0d426636
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
39 additions
and
13 deletions
+39
-13
header.css
src/css/header.css
+25
-8
vars.css
src/css/vars.css
+1
-1
ico_download.svg
src/img/ico_download.svg
+7
-0
header-content.hbs
src/partials/header-content.hbs
+6
-4
No files found.
src/css/header.css
View file @
57de568f
...
...
@@ -212,15 +212,30 @@ body {
.navbar
.button
{
display
:
inline-flex
;
align-items
:
center
;
background
:
var
(
--navbar-button-background
);
border
:
1px
solid
var
(
--navbar-button-border-color
);
border-radius
:
0.15rem
;
background
:
var
(
--color-bwg-main
);
border-radius
:
28px
;
height
:
1.75rem
;
color
:
var
(
--
navbar-button-font-color
);
padding
:
0
0.75
em
;
color
:
var
(
--
color-white
);
padding
:
1.25rem
1.75rem
1.25rem
1.5r
em
;
white-space
:
nowrap
;
}
.download_icon
{
display
:
inline-block
;
width
:
18px
;
height
:
18px
;
background-image
:
url('../img/ico_download.svg')
;
background-size
:
contain
;
background-repeat
:
no-repeat
;
background-position
:
center
;
margin-right
:
7px
;
}
.navbar
.button
:hover
{
transition
:
300ms
ease
;
background-color
:
rgba
(
0
,
114
,
206
,
0.8
);
}
@media
screen
and
(
max-width
:
768.5px
)
{
.navbar-brand
.navbar-item.search
{
padding-left
:
0
;
...
...
@@ -350,8 +365,7 @@ body {
.navbar-dropdown
{
background
:
var
(
--navbar-menu-background
);
border
:
1px
solid
var
(
--navbar-menu-border-color
);
border-top
:
none
;
box-shadow
:
0
6px
9px
0
rgba
(
0
,
0
,
0
,
.16
);
border-radius
:
0
0
0.25rem
0.25rem
;
display
:
none
;
top
:
100%
;
...
...
@@ -363,6 +377,7 @@ body {
.navbar-dropdown
.navbar-item
{
padding
:
0.5rem
3rem
0.5rem
1rem
;
white-space
:
nowrap
;
margin
:
0
;
}
.navbar-dropdown
.navbar-item
small
{
...
...
@@ -380,6 +395,8 @@ body {
}
.navbar-dropdown
a
.navbar-item
:hover
{
background
:
var
(
--navbar-menu_hover-background
);
background
:
var
(
--color-bwg-main
);
color
:
var
(
--color-white
);
font-weight
:
600
;
}
}
This diff is collapsed.
Click to expand it.
src/css/vars.css
View file @
57de568f
...
...
@@ -137,7 +137,7 @@
--footer-font-color
:
var
(
--color-white
);
--footer-link-font-color
:
var
(
--color-jet-80
);
/* dimensions and positioning */
--navbar-height
:
calc
(
63
/
var
(
--rem-base
)
*
1rem
);
--navbar-height
:
calc
(
63
/
var
(
--rem-base
)
*
1
.25
rem
);
--toolbar-height
:
calc
(
45
/
var
(
--rem-base
)
*
1rem
);
--drawer-height
:
var
(
--toolbar-height
);
--body-top
:
var
(
--navbar-height
);
...
...
This diff is collapsed.
Click to expand it.
src/img/ico_download.svg
0 → 100644
View file @
57de568f
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
<svg
width=
"800px"
height=
"800px"
viewBox=
"0 0 24 24"
xmlns=
"http://www.w3.org/2000/svg"
fill=
"#ffffff"
stroke=
"#ffffff"
>
<g
id=
"SVGRepo_bgCarrier"
stroke-width=
"0"
/>
<g
id=
"SVGRepo_tracerCarrier"
stroke-linecap=
"round"
stroke-linejoin=
"round"
/>
<g
id=
"SVGRepo_iconCarrier"
>
<title/>
<g
id=
"Complete"
>
<g
id=
"download"
>
<g>
<path
d=
"M3,12.3v7a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2v-7"
fill=
"none"
stroke=
"#ffffff"
stroke-linecap=
"round"
stroke-linejoin=
"round"
stroke-width=
"2"
/>
<g>
<polyline
data-name=
"Right"
fill=
"none"
id=
"Right-2"
points=
"7.9 12.3 12 16.3 16.1 12.3"
stroke=
"#ffffff"
stroke-linecap=
"round"
stroke-linejoin=
"round"
stroke-width=
"2"
/>
<line
fill=
"none"
stroke=
"#ffffff"
stroke-linecap=
"round"
stroke-linejoin=
"round"
stroke-width=
"2"
x1=
"12"
x2=
"12"
y1=
"2.7"
y2=
"14.2"
/>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
This diff is collapsed.
Click to expand it.
src/partials/header-content.hbs
View file @
57de568f
<header
class=
"header"
>
<nav
class=
"navbar"
>
<div
class=
"navbar-brand"
>
<a
class=
"navbar-item"
href=
"
{{{
or
site
.
url
siteRootPath
}}}
"
>
<a
class=
"navbar-item"
href=
"
https://swlab.bwg.co.kr/
"
>
<i
class=
"navbar-logo"
></i>
{{!-- {{site.title}} --}}
<div
class=
"navbar-title-contents"
>
<span
class=
"navbar-title"
>
SWLab
</span>
<span
class=
"navbar-title sub"
>
Bankware Global
</span>
...
...
@@ -24,7 +23,7 @@
</div>
<div
id=
"topbar-nav"
class=
"navbar-menu"
>
<div
class=
"navbar-end"
>
<a
class=
"navbar-item"
href=
"https://swlab.bwg.co.kr/"
>
Home
</a>
{{!-- <a class="navbar-item" href="https://swlab.bwg.co.kr/">Home</a> --}}
<div
class=
"navbar-item has-dropdown is-hoverable"
>
<a
class=
"navbar-link"
href=
"#"
>
Products
</a>
<div
class=
"navbar-dropdown"
>
...
...
@@ -36,7 +35,10 @@
</div>
<div
class=
"navbar-item"
>
<span
class=
"control"
>
<a
class=
"button is-primary"
href=
"#"
>
Download
</a>
<a
class=
"button download"
href=
"#"
>
<i
class=
"download_icon"
></i>
Download
</a>
</span>
</div>
</div>
...
...
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment