elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-26 13:08:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

slight layout fixes

Browse Source
This commit is contained in:
Felix Roos 2022-12-20 22:47:49 +01:00
parent 0981f95f16
commit b5f9ab7c20
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
website/src/components/LeftSidebar/LeftSidebar.astro
View File

@ -13,7 +13,7 @@ const sidebar = SIDEBAR[langCode];
--- ---
<nav aria-labelledby="grid-left"> <nav aria-labelledby="grid-left">
<ul class="nav-groups"> <ul>
{ {
Object.entries(sidebar).map(([header, children]) => ( Object.entries(sidebar).map(([header, children]) => (
<li> <li>

2
website/src/components/RightSidebar/RightSidebar.astro
View File

@ -11,7 +11,7 @@ type Props = {
const { headings, githubEditUrl } = Astro.props as Props; const { headings, githubEditUrl } = Astro.props as Props;
--- ---
<nav aria-labelledby="grid-right" class="min-w-[300px]"> <nav aria-labelledby="grid-right">
<TableOfContents client:media="(min-width: 50em)" headings={headings} /> <TableOfContents client:media="(min-width: 50em)" headings={headings} />
<MoreMenu editHref={githubEditUrl} /> <MoreMenu editHref={githubEditUrl} />
</nav> </nav>

16
website/src/layouts/MainLayout.astro
View File

@ -31,21 +31,21 @@ const githubEditUrl = `${CONFIG.GITHUB_EDIT_URL}/${currentFile}`;
</head> </head>
<body class="h-screen text-gray-50 bg-gray-800"> <body class="h-screen text-gray-50 bg-gray-800">
<div class="max-w-full m-auto h-full space-y-4 flex flex-col"> <div class="w-full h-full space-y-4 flex flex-col">
<header class="max-w-full px-4 fixed h-16 top-0 w-full z-[100]"> <header class="max-w-full px-4 fixed h-16 top-0 w-full z-[100]">
<Header currentPage={currentPage} /> <Header currentPage={currentPage} />
</header> </header>
<main class="relative pt-16"> <main class="relative pt-16">
<aside title="Site Navigation" class="fixed w-[300px] px-4"> <div class="h-full top-0 overflow-auto px-2 min-w-[300px] flex xl:justify-center pl-[300px] xl:pl-0">
<LeftSidebar currentPage={currentPage} /> <aside title="Site Navigation" class="fixed w-[300px] px-6 left-0">
</aside> <LeftSidebar currentPage={currentPage} />
<aside class="w-2xl fixed right-0 h-full overflow-auto pr-8 pl-0 pb-16" title="Table of Contents"> </aside>
<RightSidebar headings={headings} githubEditUrl={githubEditUrl} />
</aside>
<div class="h-full w-full top-0 pl-[320px] grow overflow-auto px-2">
<PageContent frontmatter={frontmatter} headings={headings} githubEditUrl={githubEditUrl}> <PageContent frontmatter={frontmatter} headings={headings} githubEditUrl={githubEditUrl}>
<slot /> <slot />
</PageContent> </PageContent>
<aside class="fixed right-0 h-full overflow-auto pr-4 pl-0 pb-16 hidden xl:block" title="Table of Contents">
<RightSidebar headings={headings} githubEditUrl={githubEditUrl} />
</aside>
</div> </div>
</main> </main>
<!-- <Footer path={currentFile} /> --> <!-- <Footer path={currentFile} /> -->