mirror of
https://github.com/xHyroM/website.git
synced 2024-11-10 01:38:05 +01:00
fix: sidebar
This commit is contained in:
parent
20869940b7
commit
cecbcab396
2 changed files with 2 additions and 2 deletions
|
@ -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">
|
||||
{
|
||||
|
|
|
@ -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");
|
||||
});
|
||||
|
|
Loading…
Reference in a new issue