Fixed sidebar top padding on mobile

This commit is contained in:
Thomas Silkjær
2025-07-09 18:09:30 +02:00
parent 698714c17e
commit 911394ad44
2 changed files with 8 additions and 2 deletions

View File

@@ -7,6 +7,6 @@ const { sidebar } = Astro.locals.starlightRoute
--- ---
<SidebarPersister> <SidebarPersister>
<Search /> <Search class="hidden md:block" />
<SidebarSublist sublist={sidebar} /> <SidebarSublist sublist={sidebar} />
</SidebarPersister> </SidebarPersister>

View File

@@ -61,12 +61,18 @@ const { hasSidebar } = Astro.locals.starlightRoute
.sidebar-content { .sidebar-content {
height: 100%; height: 100%;
min-height: max-content; min-height: max-content;
padding: 1rem var(--sl-sidebar-pad-x) 0; padding: 88px var(--sl-sidebar-pad-x) 0;
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 1rem;
} }
@media (min-width: 50rem) { @media (min-width: 50rem) {
.sidebar-content {
padding: 1rem var(--sl-sidebar-pad-x) 0;
}
}
@media (min-width: 50rem) {
.sidebar-content::after { .sidebar-content::after {
content: ''; content: '';
padding-bottom: 1px; padding-bottom: 1px;