responsiveness

This commit is contained in:
Felix Roos 2022-12-22 23:07:14 +01:00
parent f18a2a11fa
commit 6a9e9ebc4c
3 changed files with 8 additions and 21 deletions

View file

@ -30,14 +30,14 @@ const githubEditUrl = `${CONFIG.GITHUB_EDIT_URL}/${currentFile}`;
</title>
</head>
<body class="h-screen text-gray-50 ">
<body class="h-screen text-gray-50">
<div class="w-full h-full space-y-4 flex flex-col">
<header class="max-w-full fixed top-0 w-full z-[100]">
<Header currentPage={currentPage} />
</header>
<main class="relative pt-16">
<div class="h-full top-0 overflow-auto px-2 min-w-[300px] flex xl:justify-center pl-[300px] xl:pl-0">
<aside title="Site Navigation" class="fixed w-[300px] px-6 left-0">
<div class="h-full top-0 overflow-auto min-w-[300px] flex xl:justify-center pr-4 pl-4 md:pl-[300px] xl:pl-0">
<aside title="Site Navigation" class="w-[300px] px-6 left-0 hidden md:block fixed">
<LeftSidebar currentPage={currentPage} />
</aside>
<PageContent frontmatter={frontmatter} headings={headings} githubEditUrl={githubEditUrl}>