mirror of
https://github.com/xHyroM/website.git
synced 2024-11-24 07:41:05 +01:00
fix: docs mobile appereance
This commit is contained in:
parent
ca4a9d113e
commit
acdbfc5548
3 changed files with 8 additions and 7 deletions
|
@ -1,7 +1,6 @@
|
||||||
module.exports = {
|
module.exports = {
|
||||||
plugins: [
|
plugins: [
|
||||||
require.resolve("prettier-plugin-astro"),
|
require.resolve("prettier-plugin-astro"),
|
||||||
require.resolve("prettier-plugin-tailwindcss"),
|
|
||||||
],
|
],
|
||||||
overrides: [
|
overrides: [
|
||||||
{
|
{
|
||||||
|
|
|
@ -25,7 +25,7 @@ const getLinkClasses = (link: SidebarItem) => {
|
||||||
};
|
};
|
||||||
---
|
---
|
||||||
|
|
||||||
<aside title="Site Navigation">
|
<aside title="Site Navigation" class="left-0 absolute md:relative">
|
||||||
<div class="absolute z-10 text-white md:hidden">
|
<div class="absolute z-10 text-white md:hidden">
|
||||||
<button id="sidebar-show" class="p-4 pl-2">
|
<button id="sidebar-show" class="p-4 pl-2">
|
||||||
<span class="sr-only">sidebar menu</span>
|
<span class="sr-only">sidebar menu</span>
|
||||||
|
@ -40,7 +40,7 @@ const getLinkClasses = (link: SidebarItem) => {
|
||||||
<nav
|
<nav
|
||||||
id="sidebar"
|
id="sidebar"
|
||||||
aria-labelledby="grid-left"
|
aria-labelledby="grid-left"
|
||||||
class="bg-dark-r w-64 -translate-x-full p-4 transition-transform duration-200 md:visible md:translate-x-0 md:bg-transparent"
|
class="bg-dark w-screen md:w-64 -translate-x-full p-4 transition-transform duration-200 md:visible md:translate-x-0 md:bg-transparent"
|
||||||
>
|
>
|
||||||
<ul>
|
<ul>
|
||||||
{
|
{
|
||||||
|
|
|
@ -15,18 +15,20 @@ const currentPage = new URL(Astro.request.url).pathname;
|
||||||
>
|
>
|
||||||
<Navbar />
|
<Navbar />
|
||||||
|
|
||||||
<div class="grid grid-cols-12">
|
<div class="grid grid-cols-4 md:grid-cols-12">
|
||||||
<div
|
<div
|
||||||
class="col-span-3 flex flex-row md:sticky md:top-0 md:h-screen md:pt-4"
|
class="md:col-span-3 flex flex-row md:sticky md:top-0 md:h-screen md:pt-4"
|
||||||
>
|
>
|
||||||
<div class="ml-auto">
|
<div class="ml-auto">
|
||||||
<LeftSidebar currentPage={currentPage} />
|
<LeftSidebar currentPage={currentPage} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<main class="col-span-6 overflow-auto py-12">
|
<main
|
||||||
|
class="container mx-auto px-4 col-span-4 md:col-span-6 overflow-auto py-12"
|
||||||
|
>
|
||||||
<div>
|
<div>
|
||||||
<article id="article" class="content">
|
<article id="article" class="content">
|
||||||
<section class="main-section prose prose-invert max-w-none">
|
<section class="break-all main-section prose prose-invert max-w-none">
|
||||||
<nav class="block sm:hidden"></nav>
|
<nav class="block sm:hidden"></nav>
|
||||||
<slot />
|
<slot />
|
||||||
</section>
|
</section>
|
||||||
|
|
Loading…
Reference in a new issue