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 {
|
@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{
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue