forked from Github-Mirrors/canaille
Responsiveness
This commit is contained in:
parent
d75e98d921
commit
74f612b687
2 changed files with 70 additions and 58 deletions
|
@ -1,12 +1,23 @@
|
|||
body {
|
||||
background: #F8F8F8;
|
||||
@media only screen and (min-width: 1200px) {
|
||||
.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;
|
||||
min-width: 320px;
|
||||
max-width: 800px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.logo img{
|
||||
|
|
|
@ -21,10 +21,9 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
{% block menu %}
|
||||
{% if user and menu %}
|
||||
<nav class="ui stackable labeled icon menu">
|
||||
<nav class="ui stackable labeled icon menu container">
|
||||
{% if logo_url %}
|
||||
<div class="header item">
|
||||
<a href="/" class="logo">
|
||||
|
@ -75,6 +74,8 @@
|
|||
</nav>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
<div class="ui container">
|
||||
<div class="content">
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue