Styling and fixes

This commit is contained in:
Daniel Legt 2024-01-21 19:12:40 +02:00
parent cbe252fe94
commit 4c877e7162
3 changed files with 18 additions and 7 deletions

View File

@ -7,5 +7,6 @@ MAX_HISTORY_AGE=2592000
# The ip:port to listen to for the application
LISTEN=":8080"
# Basic Security
ACCESS_PASSWORD=
# Basic Security, these are required to view the data
IDENTITY_USERNAME=admin
IDENTITY_PASSWORD=admin

View File

@ -4,9 +4,10 @@
--bg0: #202327;
--bg1: #282d33;
--bg2: #31373f;
--bg3: #3e4248;
--fg0: #bbc0ca;
--fg0: #bbc0ca;
--fg1: #434c56;
--acc: #bbc0ca;
}
@ -21,7 +22,6 @@ html, body {
padding: 0;
width: 100vw;
height: 100vw;
overflow: auto;
@ -68,4 +68,12 @@ table thead tr {
.graph-image {
max-width: 100%;
}
.disk-graph-entry {
background-color: var(--bg3);
border-radius: 8px;
padding: .3rem .5rem;
}

View File

@ -7,7 +7,7 @@
<title>Drive Health Dashboard</title>
</head>
<body>
<div class="container">
<div class="container bordered">
<div class="container-titlebar">
<div class="pad">
@ -57,7 +57,7 @@
</div>
<div class="container">
<div class="container bordered">
<div class="container-titlebar">
<div class="pad">
@ -68,11 +68,13 @@
<div class="pad">
{{ if len .drives }}
{{ range .drives }}
<div id="disk-temp-{{ .ID }}">
<div class="disk-graph-entry bordered" id="disk-temp-{{ .ID }}">
<h4>{{.Name}}:{{.Serial}} [{{.Size}}]</h4>
<a href="/api/v1/disks/{{.ID}}/chart" target="_blank">
<img class="graph-image" src="/api/v1/disks/{{.ID}}/chart" alt="{{ .Model }} Image">
</a>
</div>
<br>
{{ end }}
{{ else }}
<p>No hard drives found.</p>