ari/arimelody-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

admin dashboard early UI refresh

Browse source
This commit is contained in:
ari melody 2025-10-19 05:01:55 +01:00
parent 028ed60293
commit 13a84f7f25
Signed by: ari
GPG key ID: CF99829C92678188
12 changed files with 249 additions and 139 deletions
Download patch file Download diff file Expand all files Collapse all files

42
admin/static/logs.css
View file

@ -2,8 +2,14 @@ main {
width: min(1080px, calc(100% - 2em))!important
}
form {
form#search-form {
width: calc(100% - 2em);
margin: 1em 0;
padding: 1em;
border-radius: 16px;
color: var(--fg-0);
background: var(--bg-2);
box-shadow: var(--shadow-md);
}
div#search {
@ -12,24 +18,25 @@ div#search {
#search input {
margin: 0;
padding: .3em .8em;
flex-grow: 1;
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border: none;
border-radius: 16px;
color: var(--fg-1);
background: var(--bg-0);
box-shadow: var(--shadow-sm);
}
#search button {
padding: 0 .5em;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: .5em;
padding: 0 .8em;
}
form #filters p {
margin: .5em 0 0 0;
}
form #filters label {
color: inherit;
display: inline;
}
form #filters input {
@ -57,6 +64,10 @@ form #filters input {
padding: .4em .8em;
}
#logs .log {
color: var(--fg-2);
}
td, th {
width: 1%;
text-align: left;
@ -74,13 +85,14 @@ td.log-content {
white-space: collapse;
}
.log:hover {
background: #fff8;
#logs .log:hover {
background: color-mix(in srgb, var(--fg-3) 10%, transparent);
}
.log.warn {
background: #ffe86a;
#logs .log.warn {
color: var(--col-on-warn);
background: var(--col-warn);
}
.log.warn:hover {
background: #ffec81;
#logs .log.warn:hover {
background: var(--col-warn-hover);
}