style: auto compute menu bottom border distance when header shrink

This commit is contained in:
XPoet 2020-09-11 17:24:06 +08:00
parent f4ee266e44
commit d48e164bf2
2 changed files with 3 additions and 3 deletions

View File

@ -274,12 +274,12 @@ $header-progress-height = 2.8px;
.menu-item {
a:hover {
&::after {
bottom: -20px;
bottom: -($header-shrink-height / 2 - 10);
}
}
.active::after {
bottom: -20px;
bottom: -($header-shrink-height / 2 - 10);
}
}

View File

@ -15,7 +15,7 @@ $main-content-width = 62%; // 中间内容区域宽度PC
$main-content-width-tablet = 80%; //
$main-content-width-mobile = 88%; //
$header-shrink-height = 60px; //
$header-shrink-height = 56px; //
$tool-button-width = 36px; // tools
$component-interspace = 30px; // /px