ui: modified header style
This commit is contained in:
parent
0f9c8607aa
commit
44cd3ddfad
|
@ -6,8 +6,8 @@
|
||||||
// ========================================================================================
|
// ========================================================================================
|
||||||
// layout
|
// layout
|
||||||
// ========================================================================================
|
// ========================================================================================
|
||||||
$header-height = 76px; // header height
|
$header-height = 68px; // header height
|
||||||
$header-shrink-height = $header-height * 0.72; // header shrink height
|
$header-shrink-height = 50px; // header shrink height
|
||||||
$scroll-progress-bar-height = 2px; // scroll progress bar height
|
$scroll-progress-bar-height = 2px; // scroll progress bar height
|
||||||
$main-content-width = 80%; // main content width (PC)
|
$main-content-width = 80%; // main content width (PC)
|
||||||
$main-content-width-tablet = 86%; // main content width (tablet)
|
$main-content-width-tablet = 86%; // main content width (tablet)
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
$logo-title-font-size = 2.2rem;
|
$logo-title-font-size = 2rem;
|
||||||
$pc-search-icon-font-size = 1.5rem;
|
$pc-search-icon-font-size = 1.5rem;
|
||||||
$menu-bar-line-height = 2.5px;
|
$menu-bar-line-height = 2.5px;
|
||||||
|
|
||||||
|
@ -44,7 +44,7 @@ $menu-bar-line-height = 2.5px;
|
||||||
transition-t("transform", "0", "0.2", "linear");
|
transition-t("transform", "0", "0.2", "linear");
|
||||||
|
|
||||||
.header-shrink & {
|
.header-shrink & {
|
||||||
transform: scale(0.85);
|
transform: scale(0.8);
|
||||||
transform-origin: left;
|
transform-origin: left;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue