nav changes

This commit is contained in:
OLIMINATOR 2023-01-03 19:18:39 +01:00
parent 3ff512f8e4
commit 13ae401363
5 changed files with 33 additions and 29 deletions

View file

@ -1,13 +1,13 @@
---
import type { MarkdownInstance } from "astro";
const files = await Astro.glob('../../../pages/docs/items/**/*.md');
const files = await Astro.glob("../../../pages/docs/items/**/*.md");
for (let i = 0; i < 100; i++) {
files.push(files[0]);
}
const sections = files.reduce((acc, file) => {
const category: string = file.url!.split('/')[3];
const category: string = file.url!.split("/")[3];
if (!acc[category]) acc[category] = [];
@ -20,24 +20,28 @@ const categories = Object.keys(sections);
---
<aside aria-label="Sidebar">
<nav class="w-full mr-4 py-4 bg-gray-50 dark:bg-gray-800">
<nav class="w-full mr-16 py-4">
<ul class="overflow-y-auto overflow-x-visible">
{categories.map((category) =>
<li>
<div class="pt-5">
<h1 class="text-white text-2xl w-full font-extrabold">{category}</h1>
<ul>
{sections[category].map((section) =>
<li class="text-white w-full my-2 pl-4 hover:bg-white/20 p-2">
<a href={section.url}>
{section.frontmatter.title}
</a>
</li>
)}
</ul>
</div>
</li>
)}
{
categories.map((category) => (
<li>
<div class="pt-5">
<h1 class="text-white text-2xl w-full font-extrabold ">
{category}
</h1>
<ul>
{sections[category].map((section) => (
<li class="text-white my-2 hover:bg-white/20 rounded-sm p-2 transition-colors duration-150">
<a href={section.url} class="px-4">
{section.frontmatter.title}
</a>
</li>
))}
</ul>
</div>
</li>
))
}
</ul>
</nav>
</aside>

View file

@ -2,16 +2,16 @@
import Container from "../../components/atoms/Container.astro";
import Sidebar from "../../components/widgets/docs/Sidebar.astro";
import Navbar from "../../components/widgets/Navbar.astro";
import Layout from "../../layouts/Layout.astro"
import Layout from "../../layouts/Layout.astro";
export interface Props {
content: {
title: string;
};
content: {
title: string;
};
}
const {
content: { title },
content: { title },
} = Astro.props;
---

View file

@ -1,3 +1,3 @@
<script>
window.location.pathname = "/docs/items/x/introduction";
window.location.pathname = "/docs/items/nadpis/introduction";
</script>