Try to fix issue where when opening sidebar on mobile, main content gets squished (I beleive this was introduced when I switched from tailwind elements, unsure how tho)

This commit is contained in:
Peter Stockings
2023-12-08 18:13:30 +11:00
parent f0d2766247
commit b2c2a18e33

View File

@@ -11,7 +11,6 @@
<link type="text/css" rel="stylesheet" href="/static/css/tail.select.min.css"> <link type="text/css" rel="stylesheet" href="/static/css/tail.select.min.css">
<script src="/static/js/tail.select.min.js"></script> <script src="/static/js/tail.select.min.js"></script>
<script src="/static/js/tailwindcss@3.2.4.js"></script> <script src="/static/js/tailwindcss@3.2.4.js"></script>
<link href="/static/css/style.css" rel="stylesheet"> <link href="/static/css/style.css" rel="stylesheet">
<script src="/static/js/htmx.min.js" defer></script> <script src="/static/js/htmx.min.js" defer></script>
<script src="/static/js/hyperscript.min.js" defer></script> <script src="/static/js/hyperscript.min.js" defer></script>
@@ -127,7 +126,7 @@
</div> </div>
</aside> </aside>
<div class="h-full w-full bg-gray-50 relative overflow-y-auto lg:ml-64"> <div class="h-full w-full bg-gray-50 relative overflow-y-auto lg:ml-64">
<main id="main"> <main id="main" class="w-fit">
<div class="pt-6 px-4" id="container"> <div class="pt-6 px-4" id="container">
{% block content %} {% block content %}
{% endblock %} {% endblock %}