手机模式下导航优化

feat/task1-c-wallet
Devil 2019-12-27 02:00:55 +08:00
parent d20d25359c
commit 8bff392d9f
1 changed files with 25 additions and 5 deletions

View File

@ -735,11 +735,13 @@ ul.am-dropdown-content > .am-active > a:focus,
}
@media only screen and (max-width:641px) {
.shop-navigation {
background: #d2354c;
margin-top: 0;
background: #f3f3f3;
border-bottom: 0;
}
.shop-navigation .am-topbar-collapse {
background: #eee;
background: #f5f5f5;
border-bottom: 2px solid #d2354c;
}
.shop-navigation .am-nav > li:not(:last-child) {
border-bottom: 1px solid #e8e8e8;
@ -760,12 +762,30 @@ ul.am-dropdown-content > .am-active > a:focus,
width: calc(100% - 160px);
}
.shop-navigation .navigation-search input {
border-color: #d2354c;
border-color: #fff;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.shop-navigation .navigation-search .am-btn, .shop-navigation .switch-submit {
.shop-navigation .navigation-search input,
.shop-navigation .navigation-search .am-btn,
.shop-navigation .switch-submit {
-webkit-box-shadow: none;
box-shadow: none;
}
.shop-navigation .switch-submit {
border-radius: 4px;
border-color: rgba(255, 255, 255, 0.3);
color: #fff !important;
background-color: #d2354c;
border-color: #d2354c;
}
.shop-navigation .navigation-search .am-btn {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
background: #fff;
border-color: #fff;
color: #bebebe !important;
-webkit-box-shadow: none;
box-shadow: none;
}
}