Skip to content

Commit f8fe3a0

Browse files
author
Dev Agent Amelia
committed
fix: show logo.webp in navbar, fix search bar shift on sidebar pages
1 parent 0130695 commit f8fe3a0

1 file changed

Lines changed: 11 additions & 24 deletions

File tree

docs/.vitepress/theme/style.css

Lines changed: 11 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,15 @@ body {
101101
display: none !important;
102102
}
103103

104+
/* Keep search bar at a consistent horizontal position on sidebar pages.
105+
VitePress natively adds padding-left:sidebar-width to shift the content
106+
right — we neutralise it since our curtain is already transparent. */
107+
@media (min-width: 960px) {
108+
.VPNavBar.has-sidebar .content {
109+
padding-left: 0 !important;
110+
}
111+
}
112+
104113
/* ---------- Hero (default theme — only used as fallback) ---------- */
105114
.VPHero .name {
106115
background: var(--brand-gradient);
@@ -878,32 +887,10 @@ div[class*='language-'] {
878887
LOGO COMPONENT
879888
==================================================================== */
880889

881-
.brand-logo {
882-
display: inline-flex;
883-
align-items: center;
884-
justify-content: center;
885-
}
886-
887-
.brand-logo svg {
888-
width: 100%;
889-
height: 100%;
890-
}
891-
892-
/* Replace default VitePress nav logo image with our SVG */
890+
/* Nav logo — show logo.webp at 26px height, vertically centred */
893891
.VPNavBarTitle .title img {
894-
display: none !important;
895-
}
896-
897-
.VPNavBarTitle .title::before {
898-
content: '';
899-
display: inline-block;
900-
width: 26px;
901892
height: 26px;
902-
margin-right: 8px;
903-
vertical-align: -6px;
904-
background: var(--brand-gradient);
905-
-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2 4 6v6c0 4.2 3.4 8.4 8 10 4.6-1.6 8-5.8 8-10V6l-8-4Z M8 10l4 2 4-2 M12 12v6' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / contain;
906-
mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2 4 6v6c0 4.2 3.4 8.4 8 10 4.6-1.6 8-5.8 8-10V6l-8-4Z M8 10l4 2 4-2 M12 12v6' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / contain;
893+
width: auto;
907894
}
908895

909896
/* ====================================================================

0 commit comments

Comments
 (0)