minor adjustments for mobile in dashboard; color-adjustments

Signed-off-by: Michael Kaufmann <d00p@froxlor.org>
This commit is contained in:
Michael Kaufmann
2022-02-17 12:15:47 +01:00
parent 181fa96431
commit 402a91c841
2 changed files with 106 additions and 107 deletions

View File

@@ -10,7 +10,7 @@ $froxlor-blue-dark: #1871a2;
$primary: $froxlor-blue-dark; $primary: $froxlor-blue-dark;
$secondary: $dark-bg; $secondary: $dark-bg;
$info: $froxlor-blue-dark; $info: $froxlor-blue-light;
$warning: #FBBF24; $warning: #FBBF24;
$danger: #E11D48; $danger: #E11D48;
@@ -18,6 +18,9 @@ $alert-bg-scale: 0;
$alert-color-scale: 0; $alert-color-scale: 0;
$alert-border-width: 0; $alert-border-width: 0;
$list-group-item-color-scale: 0;
$list-group-item-bg-scale: 0;
$card-border-width: 0; $card-border-width: 0;
// Body // Body

View File

@@ -13,14 +13,14 @@
{% endif %} {% endif %}
<div class="row"> <div class="row">
<div class="col-12 col-md-8"> <div class="col-12 col-xl-8 mb-3 mb-xl-0">
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<p>Test</p> <p>Test</p>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12 col-md-4"> <div class="col-12 col-xl-4">
{% if (userinfo.adminsession == 1 and get_setting('admin.show_news_feed') == 1) or (userinfo.adminsession == 0 and get_setting('customer.show_news_feed') == 1) %} {% if (userinfo.adminsession == 1 and get_setting('admin.show_news_feed') == 1) or (userinfo.adminsession == 0 and get_setting('customer.show_news_feed') == 1) %}
{# newsfeed #} {# newsfeed #}
@@ -46,61 +46,59 @@
<i class="fa-solid fa-user"></i> <i class="fa-solid fa-user"></i>
{{ lng('index.accountdetails') }} {{ lng('index.accountdetails') }}
</div> </div>
<div class="card-body"> <ul class="list-group list-group-flush">
<ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between align-items-start">
<div class="ms-2 me-auto">
<div class="fw-bold">{{ lng('login.username') }}</div>
{{ userinfo.loginname }}
</div>
</li>
<li class="list-group-item d-flex justify-content-between align-items-start">
<div class="ms-2 me-auto">
<div class="fw-bold">{{ lng('customer.email') }}</div>
{{ userinfo.email }}
</div>
</li>
<li class="list-group-item d-flex justify-content-between align-items-start">
<div class="ms-2 me-auto">
<div class="fw-bold">{{ lng('customer.services') }}</div>
{% if userinfo.imap == 1 %}
<span class="badge bg-success">IMAP</span>
{% endif %}
{% if userinfo.pop3 == 1 %}
<span class="badge bg-success">POP3</span>
{% endif %}
{% if userinfo.phpenabled == 1 %}
<span class="badge bg-success">PHP</span>
{% endif %}
{% if userinfo.perlenabled == 1 %}
<span class="badge bg-success">Perl/CGI</span>
{% endif %}
{% if userinfo.api_allowed == 1 %}
<a href="{{ linker({'section':'index','page':'apikeys'}) }}">
<span class="badge bg-success">API</span>
</a>
{% endif %}
</div>
</li>
{% if stdsubdomain is not empty %}
<li class="list-group-item d-flex justify-content-between align-items-start"> <li class="list-group-item d-flex justify-content-between align-items-start">
<div class="ms-2 me-auto"> <div class="ms-2 me-auto">
<div class="fw-bold">{{ lng('login.username') }}</div> <div class="fw-bold">{{ lng('admin.stdsubdomain') }}</div>
{{ userinfo.loginname }} {{ stdsubdomain }}
</div> </div>
</li> </li>
<li class="list-group-item d-flex justify-content-between align-items-start"> {% endif %}
<div class="ms-2 me-auto"> <li class="list-group-item d-flex justify-content-between align-items-start">
<div class="fw-bold">{{ lng('customer.email') }}</div> <div class="ms-2 me-auto">
{{ userinfo.email }} <div class="fw-bold">{{ lng('customer.domains') }}</div>
</div> {% for domain in domains %}
</li> {{ domain }}<br>
<li class="list-group-item d-flex justify-content-between align-items-start"> {% endfor %}
<div class="ms-2 me-auto"> </div>
<div class="fw-bold">{{ lng('customer.services') }}</div> <span class="badge bg-primary rounded-pill">{{ domains|length }}</span>
{% if userinfo.imap == 1 %} </li>
<span class="badge bg-success">IMAP</span> </ul>
{% endif %}
{% if userinfo.pop3 == 1 %}
<span class="badge bg-success">POP3</span>
{% endif %}
{% if userinfo.phpenabled == 1 %}
<span class="badge bg-success">PHP</span>
{% endif %}
{% if userinfo.perlenabled == 1 %}
<span class="badge bg-success">Perl/CGI</span>
{% endif %}
{% if userinfo.api_allowed == 1 %}
<a href="{{ linker({'section':'index','page':'apikeys'}) }}">
<span class="badge bg-success">API</span>
</a>
{% endif %}
</div>
</li>
{% if stdsubdomain is not empty %}
<li class="list-group-item d-flex justify-content-between align-items-start">
<div class="ms-2 me-auto">
<div class="fw-bold">{{ lng('admin.stdsubdomain') }}</div>
{{ stdsubdomain }}
</div>
</li>
{% endif %}
<li class="list-group-item d-flex justify-content-between align-items-start">
<div class="ms-2 me-auto">
<div class="fw-bold">{{ lng('customer.domains') }}</div>
{% for domain in domains %}
{{ domain }}<br>
{% endfor %}
</div>
<span class="badge bg-primary rounded-pill">{{ domains|length }}</span>
</li>
</ul>
</div>
</div> </div>
<div class="card mt-3"> <div class="card mt-3">
@@ -108,59 +106,57 @@
<i class="fa-solid fa-id-card"></i> <i class="fa-solid fa-id-card"></i>
{{ lng('index.customerdetails') }} {{ lng('index.customerdetails') }}
</div> </div>
<div class="card-body"> <ul class="list-group list-group-flush">
<ul class="list-group list-group-flush"> {% if userinfo.customernumber is not empty %}
{% if userinfo.customernumber is not empty %} <li class="list-group-item d-flex justify-content-between align-items-start">
<li class="list-group-item d-flex justify-content-between align-items-start"> <div class="ms-2 me-auto">
<div class="ms-2 me-auto"> <div class="fw-bold">{{ lng('customer.customernumber') }}</div>
<div class="fw-bold">{{ lng('customer.customernumber') }}</div> {{ userinfo.customernumber }}
{{ userinfo.customernumber }} </div>
</div> </li>
</li> {% endif %}
{% endif %} {% if userinfo.company is not empty %}
{% if userinfo.company is not empty %} <li class="list-group-item d-flex justify-content-between align-items-start">
<li class="list-group-item d-flex justify-content-between align-items-start"> <div class="ms-2 me-auto">
<div class="ms-2 me-auto"> <div class="fw-bold">{{ lng('customer.company') }}</div>
<div class="fw-bold">{{ lng('customer.company') }}</div> {{ userinfo.company }}
{{ userinfo.company }} </div>
</div> </li>
</li> {% endif %}
{% endif %} {% if userinfo.name is not empty %}
{% if userinfo.name is not empty %} <li class="list-group-item d-flex justify-content-between align-items-start">
<li class="list-group-item d-flex justify-content-between align-items-start"> <div class="ms-2 me-auto">
<div class="ms-2 me-auto"> <div class="fw-bold">{{ lng('customer.name') }}</div>
<div class="fw-bold">{{ lng('customer.name') }}</div> {{ userinfo.firstname }}
{{ userinfo.firstname }} {{ userinfo.name }}
{{ userinfo.name }} </div>
</div> </li>
</li> {% endif %}
{% endif %} {% if userinfo.street is not empty %}
{% if userinfo.street is not empty %} <li class="list-group-item d-flex justify-content-between align-items-start">
<li class="list-group-item d-flex justify-content-between align-items-start"> <div class="ms-2 me-auto">
<div class="ms-2 me-auto"> <div class="fw-bold">{{ lng('customer.street') }}</div>
<div class="fw-bold">{{ lng('customer.street') }}</div> {{ userinfo.street }}
{{ userinfo.street }} </div>
</div> </li>
</li> {% endif %}
{% endif %} {% if userinfo.city is not empty %}
{% if userinfo.city is not empty %} <li class="list-group-item d-flex justify-content-between align-items-start">
<li class="list-group-item d-flex justify-content-between align-items-start"> <div class="ms-2 me-auto">
<div class="ms-2 me-auto"> <div class="fw-bold">{{ lng('customer.zipcode') }}/{{ lng('customer.city') }}</div>
<div class="fw-bold">{{ lng('customer.zipcode') }}/{{ lng('customer.city') }}</div> {{ userinfo.zipcode }}
{{ userinfo.zipcode }} {{ userinfo.city }}
{{ userinfo.city }} </div>
</div> </li>
</li> {% endif %}
{% endif %} {% if userinfo.custom_notes is not empty and userinfo.custom_notes_show == 1 %}
{% if userinfo.custom_notes is not empty and userinfo.custom_notes_show == 1 %} <li class="list-group-item list-group-item-info d-flex justify-content-between align-items-start">
<li class="list-group-item list-group-item-info d-flex justify-content-between align-items-start"> <div class="ms-2 me-auto">
<div class="ms-2 me-auto"> {{ userinfo.custom_notes }}
{{ userinfo.custom_notes }} </div>
</div> </li>
</li> {% endif %}
{% endif %} </ul>
</ul>
</div>
</div> </div>
{% endif %} {% endif %}
</div> </div>