forked from Github-Mirrors/canaille
Responsiveness
This commit is contained in:
Éloi Rivard
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,60 +21,61 @@
|
||||||
</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 container">
|
||||||
<nav class="ui stackable labeled icon menu">
|
{% if logo_url %}
|
||||||
{% if logo_url %}
|
<div class="header item">
|
||||||
<div class="header item">
|
<a href="/" class="logo">
|
||||||
<a href="/" class="logo">
|
<img class="ui image" src="{{ logo_url }}" alt="{{ website_name }}" />
|
||||||
<img class="ui image" src="{{ logo_url }}" alt="{{ website_name }}" />
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
<a class="item" href="{{ url_for('oidc_ldap_bridge.account.profile') }}">
|
|
||||||
<i class="id card icon"></i>
|
|
||||||
{% trans %}My profile{% endtrans %}
|
|
||||||
</a>
|
</a>
|
||||||
<a class="item" href="{{ url_for('oidc_ldap_bridge.consents.consents') }}">
|
</div>
|
||||||
<i class="handshake icon"></i>
|
|
||||||
{% trans %}My consents{% endtrans %}
|
|
||||||
</a>
|
|
||||||
<a class="item" href="{{ url_for('oidc_ldap_bridge.tokens.tokens') }}">
|
|
||||||
<i class="key icon"></i>
|
|
||||||
{% trans %}My tokens{% endtrans %}
|
|
||||||
</a>
|
|
||||||
{% if user.admin %}
|
|
||||||
<div class="ui dropdown item">
|
|
||||||
<i class="settings icon"></i>
|
|
||||||
Admin
|
|
||||||
<div class="menu">
|
|
||||||
<a class="item" href="{{ url_for('oidc_ldap_bridge.admin.clients.index') }}">
|
|
||||||
<i class="plug icon"></i>
|
|
||||||
{% trans %}Clients{% endtrans %}
|
|
||||||
</a>
|
|
||||||
<a class="item" href="{{ url_for('oidc_ldap_bridge.admin.tokens.index') }}">
|
|
||||||
<i class="key icon"></i>
|
|
||||||
{% trans %}Tokens{% endtrans %}
|
|
||||||
</a>
|
|
||||||
<a class="item" href="{{ url_for('oidc_ldap_bridge.admin.authorizations.index') }}">
|
|
||||||
<i class="user secret icon"></i>
|
|
||||||
{% trans %}Codes{% endtrans %}
|
|
||||||
</a>
|
|
||||||
<a class="item" href="">
|
|
||||||
<i class="handshake icon"></i>
|
|
||||||
{% trans %}Consents{% endtrans %}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
<a class="item" href="{{ url_for('oidc_ldap_bridge.account.logout') }}">
|
|
||||||
<i class="sign out alternate icon"></i>
|
|
||||||
{% trans %}Log out{% endtrans %}
|
|
||||||
</a>
|
|
||||||
</nav>
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endblock %}
|
<a class="item" href="{{ url_for('oidc_ldap_bridge.account.profile') }}">
|
||||||
|
<i class="id card icon"></i>
|
||||||
|
{% trans %}My profile{% endtrans %}
|
||||||
|
</a>
|
||||||
|
<a class="item" href="{{ url_for('oidc_ldap_bridge.consents.consents') }}">
|
||||||
|
<i class="handshake icon"></i>
|
||||||
|
{% trans %}My consents{% endtrans %}
|
||||||
|
</a>
|
||||||
|
<a class="item" href="{{ url_for('oidc_ldap_bridge.tokens.tokens') }}">
|
||||||
|
<i class="key icon"></i>
|
||||||
|
{% trans %}My tokens{% endtrans %}
|
||||||
|
</a>
|
||||||
|
{% if user.admin %}
|
||||||
|
<div class="ui dropdown item">
|
||||||
|
<i class="settings icon"></i>
|
||||||
|
Admin
|
||||||
|
<div class="menu">
|
||||||
|
<a class="item" href="{{ url_for('oidc_ldap_bridge.admin.clients.index') }}">
|
||||||
|
<i class="plug icon"></i>
|
||||||
|
{% trans %}Clients{% endtrans %}
|
||||||
|
</a>
|
||||||
|
<a class="item" href="{{ url_for('oidc_ldap_bridge.admin.tokens.index') }}">
|
||||||
|
<i class="key icon"></i>
|
||||||
|
{% trans %}Tokens{% endtrans %}
|
||||||
|
</a>
|
||||||
|
<a class="item" href="{{ url_for('oidc_ldap_bridge.admin.authorizations.index') }}">
|
||||||
|
<i class="user secret icon"></i>
|
||||||
|
{% trans %}Codes{% endtrans %}
|
||||||
|
</a>
|
||||||
|
<a class="item" href="">
|
||||||
|
<i class="handshake icon"></i>
|
||||||
|
{% trans %}Consents{% endtrans %}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
<a class="item" href="{{ url_for('oidc_ldap_bridge.account.logout') }}">
|
||||||
|
<i class="sign out alternate icon"></i>
|
||||||
|
{% trans %}Log out{% endtrans %}
|
||||||
|
</a>
|
||||||
|
</nav>
|
||||||
|
{% endif %}
|
||||||
|
{% 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