globuzma/canaille-globuzma
1
0
Fork 0
forked from Github-Mirrors/canaille
Code Pull requests Activity

Responsiveness

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

23
oidc_ldap_bridge/static/css/base.css
View file

@ -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{

105
oidc_ldap_bridge/templates/base.html
View file

@ -21,60 +21,61 @@
</head>
<body>
<div class="container">
{% block menu %}
{% if user and menu %}
<nav class="ui stackable labeled icon menu">
{% if logo_url %}
<div class="header item">
<a href="/" class="logo">
<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 %}
{% block menu %}
{% if user and menu %}
<nav class="ui stackable labeled icon menu container">
{% if logo_url %}
<div class="header item">
<a href="/" class="logo">
<img class="ui image" src="{{ logo_url }}" alt="{{ website_name }}" />
</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>
</div>
{% 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">
{% block content %}{% endblock %}
</div>