style(nav): rm styles for nav for max-width docs

This commit is contained in:
andatoshiki 2023-03-02 22:56:23 +08:00
parent c301b88283
commit 306c862eb9

View File

@ -147,50 +147,50 @@ img.VPImage.image-src {
// maximum document width style ends // maximum document width style ends
// vitepress navbar title line breaking issue tweak // vitepress navbar title line breaking issue tweak
@media (max-width: 1080px) { // @media (max-width: 1080px) {
:root { // :root {
--vp-sidebar-width: 260px; // --vp-sidebar-width: 260px;
} // }
.VPNav { // .VPNav {
// refering solutions by https://cn.vuejs.org // // refering solutions by https://cn.vuejs.org
.DocSearch-Button-Placeholder { // .DocSearch-Button-Placeholder {
display: none; // display: none;
} // }
.VPNavBarMenuLink, // .VPNavBarMenuLink,
.VPNavBarMenuGroup .button { // .VPNavBarMenuGroup .button {
padding-left: 10px; // padding-left: 10px;
padding-right: 10px; // padding-right: 10px;
} // }
} // }
} // }
@media (max-width: 992px) { // @media (max-width: 992px) {
.VPNav { // .VPNav {
.VPNavBar { // .VPNavBar {
padding-left: 24px; // padding-left: 24px;
padding-right: 24px; // padding-right: 24px;
} // }
.VPNavBarMenuLink, // .VPNavBarMenuLink,
.VPNavBarMenuGroup .button { // .VPNavBarMenuGroup .button {
padding-left: 8px; // padding-left: 8px;
padding-right: 8px; // padding-right: 8px;
} // }
} // }
} // }
@media (max-width: 800px) { // @media (max-width: 800px) {
.VPNav { // .VPNav {
.VPNavBarSearch { // .VPNavBarSearch {
padding-left: 16px; // padding-left: 16px;
} // }
.VPNavBarMenuLink, // .VPNavBarMenuLink,
.VPNavBarMenuGroup .button { // .VPNavBarMenuGroup .button {
padding-left: 6px; // padding-left: 6px;
padding-right: 6px; // padding-right: 6px;
} // }
} // }
} // }
// menu new-lining issue on title // // menu new-lining issue on title
.VPMenuGroup .title { // .VPMenuGroup .title {
white-space: nowrap; // white-space: nowrap;
} // }
// vitepress navbar style ends // vitepress navbar style ends