mobile version edited

2024-09-12 21:36:10 +02:00
parent 8c109d6712
commit ada52bad43
4 changed files with 100 additions and 64 deletions
--- a/templates/base.html
+++ b/templates/base.html
@@ -21,7 +21,7 @@
    {% block extra_head %}{% endblock %}
 </head>

-<body class="font-sans mx-auto">
+<body class="font-sans">
    <main class="side-panel panel">
        {% include 'header.html' %}
        <div class="content">
@@ -30,6 +30,7 @@
        </div>
        {% include 'footer.html' %}
    </main>
+    {% include 'side_menu.html'%}

    <script>
        //side menu
@@ -37,6 +38,7 @@
        const sideToggle = document.querySelector('.side-toggle');
        const sideMenu = document.querySelector('.side-menu');
        const sideCloseButtons = document.querySelectorAll('.side-close');
+        const toggleButton = document.querySelector('.menu_icon');
        
        sideToggle.addEventListener('click', function() {
            sideMenu.classList.toggle('active');