Mirrors/wireguard_webadmin
1
0
Fork 0
mirror of https://github.com/eduardogsilva/wireguard_webadmin.git synced 2025-06-28 01:07:03 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Boxed layout

Browse Source
This commit is contained in:
Eduardo Silva 2025-02-24 16:01:09 -03:00
parent 8c780d297c
commit ea9596b4bc
2 changed files with 50 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
templates/base.html
View File

@ -35,13 +35,28 @@
display: none; display: none;
} }
</style> </style>
<style>
.wrapper {
max-width: 1400px !important;
margin: 0 auto;
}
body.layout-boxed {
background: radial-gradient(circle at center, #444 0%, #ccc 80%, #fff 100%);
}
body.layout-boxed .wrapper {
background-color: #fff;
box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
</style>
{% block page_custom_head %}{% endblock%} {% block page_custom_head %}{% endblock%}
</head> </head>
{% load custom_tags %} {% load custom_tags %}
{% tag_webadmin_version as webadmin_version %} {% tag_webadmin_version as webadmin_version %}
<body class="hold-transition sidebar-mini layout-fixed {% if request.COOKIES.sidebarState == 'collapsed' %}sidebar-collapse{% endif %}"> <body class="hold-transition sidebar-mini layout-boxed {% if request.COOKIES.sidebarState == 'collapsed' %}sidebar-collapse{% endif %}">
<div class="wrapper"> <div class="wrapper">
<!-- Preloader --> <!-- Preloader -->

2
templates/wireguard/wireguard_status.html
View File

@ -23,7 +23,7 @@
<div class='col-md-12'> <div class='col-md-12'>
<div class="row" style="padding-bottom: 20px"> <div class="row" style="padding-bottom: 20px">
{% for wireguard_instance in wireguard_instances %} {% for wireguard_instance in wireguard_instances %}
<div class="col-md-12"> <div class="col-md-6">
<h3>wg{{ wireguard_instance.instance_id }} {% if wireguard_instance.name %}({{ wireguard_instance.name }}){% endif %}</h3> <h3>wg{{ wireguard_instance.instance_id }} {% if wireguard_instance.name %}({{ wireguard_instance.name }}){% endif %}</h3>
<p><b><i class="fas fa-chart-area nav-icon"></i> Instance Traffic</b></p> <p><b><i class="fas fa-chart-area nav-icon"></i> Instance Traffic</b></p>
<img id="graphImg" src="/rrd/graph/?instance={{ wireguard_instance.uuid }}{% if request.GET.period %}&period={{ request.GET.period }}{% endif %}" class="img-fluid" alt="No traffic history, please wait a few minutes" onerror="this.onerror=null; this.style.display='none'; this.insertAdjacentHTML('afterend', this.alt);"> <img id="graphImg" src="/rrd/graph/?instance={{ wireguard_instance.uuid }}{% if request.GET.period %}&period={{ request.GET.period }}{% endif %}" class="img-fluid" alt="No traffic history, please wait a few minutes" onerror="this.onerror=null; this.style.display='none'; this.insertAdjacentHTML('afterend', this.alt);">