Adjust page widths

This commit is contained in:
Oliver Davies 2020-07-14 13:20:24 +01:00
parent 88b2503561
commit 86c3edbcaf

View file

@ -78,13 +78,7 @@
</div> </div>
</div> </div>
</div> </div>
<div <div class="w-full mx-auto p-4 space-y-8 max-w-5xl">
class="
w-full mx-auto p-4 space-y-8
{{ is_front ? 'max-w-5xl' : 'max-w-3xl' }}
"
>
{{ page.secondary_menu }} {{ page.secondary_menu }}
{{ page.breadcrumb }} {{ page.breadcrumb }}
@ -96,15 +90,15 @@
<main role="main"> <main role="main">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #} <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
<div class="grid lg:grid-cols-4 gap-8"> <div class="grid gap-8 grid-cols-12">
<div class="{{ not page.sidebar_second ? 'lg:col-span-4' : 'lg:col-span-3' }}"> <div class="{{ page.sidebar_second ? 'col-span-8' : 'col-span-12' }}">
<div class="max-w-3xl"> <div>
{{ page.content }} {{ page.content }}
</div> </div>
</div>{# /.layout-content #} </div>{# /.layout-content #}
{% if page.sidebar_second %} {% if page.sidebar_second %}
<aside role="complementary"> <aside role="complementary" class="col-span-4">
{{ page.sidebar_second }} {{ page.sidebar_second }}
</aside> </aside>
{% endif %} {% endif %}