hyro/website
1
0
Fork 0
mirror of https://github.com/xHyroM/website.git synced 2024-11-12 18:48:06 +01:00
Code Issues Projects Releases Wiki Activity Actions

fix: sidebar

Browse source
This commit is contained in:
OLIMINATOR 2023-01-05 12:32:04 +01:00
parent 20869940b7
commit cecbcab396
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/widgets/docs/Sidebar.astro
View file

@ -30,7 +30,7 @@ const categories = Object.keys(sections);
</div>
<nav
id="sidebar"
class="md:bg-transparentpy-4 invisible absolute mt-6 mr-16 w-full -translate-x-full bg-dark transition-transform duration-200 md:visible md:relative md:mt-0 md:inline md:translate-x-0"
class="invisible absolute mt-6 mr-16 w-full -translate-x-full bg-dark py-4 transition-transform duration-200 md:visible md:relative md:mt-0 md:inline md:translate-x-0 md:bg-transparent"
>
<ul class="overflow-y-auto overflow-x-visible">
{

2
src/scripts/sidebarToggle.js
View file

@ -1,6 +1,6 @@
document.getElementById("sidebar-show").addEventListener("click", () => {
document.getElementById("sidebar-show").classList.remove("hidden");
document.getElementById("sidebar").classList.toggle("translate-x-0");
document.getElementById("sidebar").classList.toggle("-translate-x-full");
document.getElementById("sidebar").classList.remove("invisible");
document.getElementById("open-arrow").classList.toggle("rotate-180");
});