diff options
author | Jonah Brüchert <jbb@kaidan.im> | 2022-10-22 21:43:17 +0200 |
---|---|---|
committer | Jonah Brüchert <jbb@kaidan.im> | 2022-10-22 22:45:25 +0200 |
commit | cd47946abdcc75f06bf61233aa5e50f6ecb77c70 (patch) | |
tree | eafe5633cd921cf0cb666c212e14ab9cf203a09f /accounts/templates | |
parent | b6a9e83e6b84497f9ea842ea371908a478b34aaa (diff) | |
download | web-cd47946abdcc75f06bf61233aa5e50f6ecb77c70.tar.gz web-cd47946abdcc75f06bf61233aa5e50f6ecb77c70.tar.bz2 web-cd47946abdcc75f06bf61233aa5e50f6ecb77c70.zip |
Make layout mobile friendly
Diffstat (limited to 'accounts/templates')
-rw-r--r-- | accounts/templates/_macros.html | 2 | ||||
-rw-r--r-- | accounts/templates/base.html | 66 |
2 files changed, 35 insertions, 33 deletions
diff --git a/accounts/templates/_macros.html b/accounts/templates/_macros.html index 31d388e..f92a623 100644 --- a/accounts/templates/_macros.html +++ b/accounts/templates/_macros.html @@ -17,7 +17,7 @@ <div class="control-group"> <label class="form-label">{{ field.label }}</label> <div class="controls"> - {{ field(class_="form-control", **kwargs)|safe }} + {{ field(class_="form-control mb-4", **kwargs)|safe }} {{ render_errors(field.errors) }} </div> </div> diff --git a/accounts/templates/base.html b/accounts/templates/base.html index baf1656..10c146e 100644 --- a/accounts/templates/base.html +++ b/accounts/templates/base.html @@ -1,8 +1,9 @@ -{%- set styles = ['layout.css', 'bootstrap-form.css', 'bootstrap.min.css'] + styles|default([]) %} +{%- set styles = ['layout.css', 'bootstrap.min.css'] + styles|default([]) %} {%- set scripts = ['script.js', 'jquery-1.8.2.min.js'] + scripts|default([]) %} <!doctype html> <html> <head> <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width"> <title>{% if title %}{{ title }} – {% endif %}spline accounts</title> {%- for script in scripts %} <script type="text/javascript" src="{{ url_for('static', filename=script) }}"></script> @@ -13,40 +14,41 @@ </head> <body> - <div id="header-background"> </div> - <header> - <h1> - <a href="{{ url_for('default.index') }}"> - <img src="{{ url_for('static', filename='logo.png') }}" alt="spline accounts" /> - </a> - </h1> - <span id="roundcornerb"> </span> - <span id="roundcornerw"> </span> + <div id="header-background"> + <header> + <h1> + <a href="{{ url_for('default.index') }}"> + <img src="{{ url_for('static', filename='spline.svg') }}" alt="spline accounts" /> + </a> + </h1> + <span id="roundcornerb"> </span> + <span id="roundcornerw"> </span> - <nav id="mainnav"> - <ul> - <li><a href="http://spline.de">spline.de</a></li> - <li><a href="{{ url_for('default.about') }}">FAQ</a></li> - </ul> - </nav> + <nav id="mainnav"> + <ul> + <li><a href="http://spline.de">spline.de</a></li> + <li><a href="{{ url_for('default.about') }}">FAQ</a></li> + </ul> + </nav> - {%- if not no_login_message %} - <nav id="usermenu"> - <ul> - {%- if current_user.is_authenticated() %} - <li>Angemeldet als <strong>{{ current_user.uid }}</strong></li> - {%- if current_user.uid in config.get('ADMIN_USERS', []) %} - <li><a href="{{ url_for('admin.index') }}">Admin</a></li> + {%- if not no_login_message %} + <nav id="usermenu"> + <ul> + {%- if current_user.is_authenticated %} + <li>Angemeldet als <strong>{{ current_user.uid }}</strong></li> + {%- if current_user.uid in config.get('ADMIN_USERS', []) %} + <li><a href="{{ url_for('admin.index') }}">Admin</a></li> + {%- endif %} + <li><a href="{{ url_for('login.logout') }}">Abmelden</a></li> + {%- else %} + <li>Nicht angemeldet</li> + <li><a href="{{ url_for('login.login') }}">Login</a></li> {%- endif %} - <li><a href="{{ url_for('login.logout') }}">Abmelden</a></li> - {%- else %} - <li>Nicht angemeldet</li> - <li><a href="{{ url_for('login.login') }}">Login</a></li> - {%- endif %} - </ul> - </nav> - {%- endif %} - </header> + </ul> + </nav> + {%- endif %} + </header> + </div> <section id="content"> {% with messages = get_flashed_messages(with_categories=true) %} |