Gnous/mailcow
2
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

[BS5] layout fixes

Browse Source
This commit is contained in:
FreddleSpl0it 2022-04-13 12:35:04 +02:00
parent cdff1ba37b
commit a12538b3a8
No known key found for this signature in database
GPG Key ID: 6315227FF33D2425
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
data/web/templates/base.twig
View File

@ -12,7 +12,7 @@
<link rel="shortcut icon" href="/favicon.png" type="image/png"> <link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="icon" href="/favicon.png" type="image/png"> <link rel="icon" href="/favicon.png" type="image/png">
</head> </head>
<body id="top"> <body>
<div class="overlay"></div> <div class="overlay"></div>
{% block navbar %} {% block navbar %}
<nav class="navbar navbar-expand-lg navbar-light bg-light navbar-fixed-top"> <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-fixed-top">
@ -101,7 +101,7 @@
</div> </div>
{% endif %} {% endif %}
<div class="container"> <div class="container my-4">
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div> </div>

20
data/web/templates/index.twig
View File

@ -3,35 +3,35 @@
{% block navbar %}{% endblock %} {% block navbar %}{% endblock %}
{% block content %} {% block content %}
<div class="row"> <div class="row my-4">
<div class="col-12 col-md-7 col-lg-6 col-xl-5 ms-auto me-auto"> <div class="col-12 col-md-7 col-lg-6 col-xl-5 ms-auto me-auto">
<div class="card"> <div class="card">
<div class="card-header"><i class="bi bi-person-fill"></i> {{ lang.login.login }}</div> <div class="card-header"><i class="bi bi-person-fill"></i> {{ lang.login.login }}</div>
<div class="card-body"> <div class="card-body">
<div class="text-center mailcow-logo"><img src="{{ logo|default('/img/cow_mailcow.svg') }}" alt="mailcow"></div> <div class="text-center mailcow-logo mb-4"><img src="{{ logo|default('/img/cow_mailcow.svg') }}" alt="mailcow"></div>
{% if ui_texts.ui_announcement_text and ui_texts.ui_announcement_active %} {% if ui_texts.ui_announcement_text and ui_texts.ui_announcement_active %}
<div class="alert alert-{{ ui_texts.ui_announcement_type }} rot-enc ui-announcement-alert">{{ ui_texts.ui_announcement_text|rot13 }}</div> <div class="my-4 alert alert-{{ ui_texts.ui_announcement_type }} rot-enc ui-announcement-alert">{{ ui_texts.ui_announcement_text|rot13 }}</div>
{% endif %} {% endif %}
<legend>{% if oauth2_request %}{{ lang.oauth2.authorize_app }}{% else %}{{ ui_texts.main_name|raw }}{% endif %}</legend><hr /> <legend>{% if oauth2_request %}{{ lang.oauth2.authorize_app }}{% else %}{{ ui_texts.main_name|raw }}{% endif %}</legend><hr />
{% if is_mobileconfig %} {% if is_mobileconfig %}
<div class="alert alert-info">{{ lang.login.mobileconfig_info }}</div> <div class="my-4 alert alert-info ">{{ lang.login.mobileconfig_info }}</div>
{% endif %} {% endif %}
<form method="post" autofill="off"> <form method="post" autofill="off">
<div class="form-group"> <div class="d-flex mt-2">
<label class="visually-hidden" for="login_user">{{ lang.login.username }}</label> <label class="visually-hidden" for="login_user">{{ lang.login.username }}</label>
<div class="input-group"> <div class="input-group">
<div class="input-group-text"><i class="bi bi-person-fill"></i></div> <div class="input-group-text"><i class="bi bi-person-fill"></i></div>
<input name="login_user" autocorrect="off" autocapitalize="none" type="{% if is_mobileconfig %}email{% else %}text{% endif %}" id="login_user" class="form-control" placeholder="{{ lang.login.username }}" required="" autofocus="" autocomplete="username"> <input name="login_user" autocorrect="off" autocapitalize="none" type="{% if is_mobileconfig %}email{% else %}text{% endif %}" id="login_user" class="form-control" placeholder="{{ lang.login.username }}" required="" autofocus="" autocomplete="username">
</div> </div>
</div> </div>
<div class="form-group"> <div class="d-flex mt-2">
<label class="visually-hidden" for="pass_user">{{ lang.login.password }}</label> <label class="visually-hidden" for="pass_user">{{ lang.login.password }}</label>
<div class="input-group"> <div class="input-group">
<div class="input-group-text"><i class="bi bi-lock-fill"></i></div> <div class="input-group-text"><i class="bi bi-lock-fill"></i></div>
<input name="pass_user" type="password" id="pass_user" class="form-control" placeholder="{{ lang.login.password }}" required="" autocomplete="current-password"> <input name="pass_user" type="password" id="pass_user" class="form-control" placeholder="{{ lang.login.password }}" required="" autocomplete="current-password">
</div> </div>
</div> </div>
<div class="form-group" style="position: relative"> <div class="d-flex mt-4" style="position: relative">
<div class="btn-group"> <div class="btn-group">
<div class="btn-group"> <div class="btn-group">
<button type="submit" class="btn btn-xs-lg btn-success" value="Login">{{ lang.login.login }}</button> <button type="submit" class="btn btn-xs-lg btn-success" value="Login">{{ lang.login.login }}</button>
@ -58,12 +58,12 @@
</div> </div>
</form> </form>
{% if login_delay %} {% if login_delay %}
<p><div class="alert alert-info">{{ lang.login.delayed|format(login_delay) }}</b></div></p> <p><div class="my-4 alert alert-info">{{ lang.login.delayed|format(login_delay) }}</b></div></p>
{% endif %} {% endif %}
<div id="fido2-alerts"></div> <div class="my-4" id="fido2-alerts"></div>
{% if not oauth2_request and (mailcow_apps or app_links) %} {% if not oauth2_request and (mailcow_apps or app_links) %}
<legend><i class="bi bi-link-45deg"></i> {{ ui_texts.apps_name|raw }}</legend><hr /> <legend><i class="bi bi-link-45deg"></i> {{ ui_texts.apps_name|raw }}</legend><hr />
<div class="apps"> <div class="my-4 apps">
{% for app in mailcow_apps %} {% for app in mailcow_apps %}
{% if not skip_sogo or not is_uri('SOGo', app.link) %} {% if not skip_sogo or not is_uri('SOGo', app.link) %}
<div> <div>