feat: header add top style bar
This commit is contained in:
parent
7029b67c41
commit
c3dad3e92b
|
@ -1,5 +1,7 @@
|
||||||
<header class="header-wrapper">
|
<header class="header-wrapper">
|
||||||
|
|
||||||
|
<div class="header-progress"></div>
|
||||||
|
|
||||||
<div class="header-content">
|
<div class="header-content">
|
||||||
|
|
||||||
<a class="logo-title" href="/">
|
<a class="logo-title" href="/">
|
||||||
|
|
|
@ -15,6 +15,15 @@
|
||||||
magic-style(1.02, 1.02);
|
magic-style(1.02, 1.02);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header-progress {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 4px;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
background: $primary-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.header-content {
|
.header-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -295,4 +304,4 @@
|
||||||
width: 90% !important;
|
width: 90% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue