fix: Use column base layout

atsphinx · Dec 28, 2024 · 2ec9a19 · 2ec9a19
1 parent 1abb9b2
commit 2ec9a19
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/atsphinx/bulma/themes/bulma_basic/layout.html b/src/atsphinx/bulma/themes/bulma_basic/layout.html
@@ -1,7 +1,7 @@
 {% extends "basic/layout.html" %}
 
 {% macro bulma_sidebar() %}
-  <aside class="sidebar" role="navigation">
+  <aside class="sidebar column is-2 is-hidden-mobile" role="navigation">
   {% for item in sidebars %}
     {% include item %}
   {% endfor %}
@@ -56,19 +56,19 @@
 {% endblock %}
 
 {%- block content %}
-<main>
-  <div class="section">
+<div class="section">
+  <div class="columns">
     {% if theme_sidebar_position == "left" %}
     {{ bulma_sidebar() }}
     {% endif %}
-    <div class="content">
+    <main class="column content">
     {% block body %} {% endblock %}
-    </div>
+    </main>
     {% if theme_sidebar_position == "right" %}
     {{ bulma_sidebar() }}
     {% endif %}
   </div>
-</main>
+</div>
 {% endblock %}
 
 {%- block relbar2 %}{% endblock %}