diff --git a/public/build/beike/admin/css/app.css b/public/build/beike/admin/css/app.css index 9070b979..3cb0e18a 100644 --- a/public/build/beike/admin/css/app.css +++ b/public/build/beike/admin/css/app.css @@ -598,10 +598,10 @@ body.page-seller-product .share-link-pop .share-links-code img { .header-wrap .header-right > .navbar > li a.nav-link.show { background-color: #eee; } -.header-wrap .header-right .navbar.navbar-right li a.nav-link { +.header-wrap .header-right .navbar.navbar-left li a.nav-link { position: relative; } -.header-wrap .header-right .navbar.navbar-right li a.nav-link:after { +.header-wrap .header-right .navbar.navbar-left li a.nav-link:after { content: ""; position: absolute; left: 0; @@ -611,12 +611,18 @@ body.page-seller-product .share-link-pop .share-links-code img { height: 3px; background-color: #fd560f; } -.header-wrap .header-right .navbar.navbar-right li.active, .header-wrap .header-right .navbar.navbar-right li:hover { +.header-wrap .header-right .navbar.navbar-left li.active, .header-wrap .header-right .navbar.navbar-left li:hover { font-weight: bold; } -.header-wrap .header-right .navbar.navbar-right li.active a:after, .header-wrap .header-right .navbar.navbar-right li:hover a:after { +.header-wrap .header-right .navbar.navbar-left li.active a:after, .header-wrap .header-right .navbar.navbar-left li:hover a:after { display: block; } +.header-wrap .header-right .navbar.navbar-right > li { + padding: 0 0.5rem; +} +.header-wrap .header-right .navbar.navbar-right > li a.nav-link { + padding: 0 10px; +} .header-wrap .avatar { height: 36px; margin-bottom: -15px; diff --git a/resources/beike/admin/css/_header.scss b/resources/beike/admin/css/_header.scss index 18a43bab..225520f0 100644 --- a/resources/beike/admin/css/_header.scss +++ b/resources/beike/admin/css/_header.scss @@ -74,30 +74,42 @@ } } - .navbar.navbar-right { - li { - a.nav-link { - position: relative; + .navbar { + &.navbar-left { + li { + a.nav-link { + position: relative; - &:after { - content: ''; - position: absolute; - left: 0; - display: none; - bottom: 0; - width: 100%; - height: 3px; - background-color: $primary; + &:after { + content: ''; + position: absolute; + left: 0; + display: none; + bottom: 0; + width: 100%; + height: 3px; + background-color: $primary; + } + } + + &.active, &:hover { + font-weight: bold; + + a { + &:after { + display: block; + } + } } } + } - &.active, &:hover { - font-weight: bold; + &.navbar-right { + > li { + padding: 0 .5rem; - a { - &:after { - display: block; - } + a.nav-link { + padding: 0 10px; } } } diff --git a/resources/beike/admin/views/components/header.blade.php b/resources/beike/admin/views/components/header.blade.php index d9a3cf23..fbddf7a9 100644 --- a/resources/beike/admin/views/components/header.blade.php +++ b/resources/beike/admin/views/components/header.blade.php @@ -6,18 +6,29 @@