Responsiveness

This commit is contained in:
Éloi Rivard 2020-10-21 11:30:26 +02:00
parent d75e98d921
commit 74f612b687
2 changed files with 70 additions and 58 deletions

View file

@ -1,12 +1,23 @@
body { @media only screen and (min-width: 1200px) {
background: #F8F8F8; .ui.ui.ui.container:not(.fluid) {
width: 770px;
margin-left: auto;
margin-right: auto;
}
} }
.container { @media only screen and (min-width: 992px) and (max-width: 1200px) {
.ui.ui.ui.container:not(.fluid) {
width: 790px;
margin-left: auto;
margin-right: auto;
}
}
body {
background: #F8F8F8;
padding: 1em; padding: 1em;
min-width: 320px;
max-width: 800px;
margin: auto;
} }
.logo img{ .logo img{

View file

@ -21,10 +21,9 @@
</head> </head>
<body> <body>
<div class="container">
{% block menu %} {% block menu %}
{% if user and menu %} {% if user and menu %}
<nav class="ui stackable labeled icon menu"> <nav class="ui stackable labeled icon menu container">
{% if logo_url %} {% if logo_url %}
<div class="header item"> <div class="header item">
<a href="/" class="logo"> <a href="/" class="logo">
@ -75,6 +74,8 @@
</nav> </nav>
{% endif %} {% endif %}
{% endblock %} {% endblock %}
<div class="ui container">
<div class="content"> <div class="content">
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div> </div>