aio-interface: add background to log overlay and use monospace font (#8271)

This commit is contained in:
Simon L.
2026-06-09 14:42:10 +02:00
committed by GitHub
4 changed files with 5 additions and 3 deletions
+2
View File
@@ -487,10 +487,12 @@ input[type="checkbox"]:disabled:not(:checked) + label {
height: min(400px, calc(100vh - 14rem)); height: min(400px, calc(100vh - 14rem));
border-radius: var(--border-radius-large); border-radius: var(--border-radius-large);
border: solid thin rgb(192, 192, 192); border: solid thin rgb(192, 192, 192);
background-color: var(--color-main-background);
} }
.overlay-iframe { .overlay-iframe {
padding: 1rem; padding: 1rem;
font-family: monospace, system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
} }
.loader { .loader {
+1 -1
View File
@@ -418,7 +418,7 @@ readonly class DockerController {
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" class="overlay-iframe"> <html lang="en" class="overlay-iframe">
<head> <head>
<link rel="stylesheet" href="../../style.css?v11" media="all" /> <link rel="stylesheet" href="../../style.css?v12" media="all" />
<script type="text/javascript" src="../../apply-theme.js?v1"></script> <script type="text/javascript" src="../../apply-theme.js?v1"></script>
<script type="text/javascript" src="../../scroll-into-view.js"></script> <script type="text/javascript" src="../../scroll-into-view.js"></script>
</head> </head>
+1 -1
View File
@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<title>AIO</title> <title>AIO</title>
<link rel="stylesheet" href="style.css?v11" media="all" /> <link rel="stylesheet" href="style.css?v12" media="all" />
<link rel="icon" href="img/favicon.png"> <link rel="icon" href="img/favicon.png">
<script type="text/javascript" src="forms.js?v2"></script> <script type="text/javascript" src="forms.js?v2"></script>
<script type="text/javascript" src="toggle-dark-mode.js?v2"></script> <script type="text/javascript" src="toggle-dark-mode.js?v2"></script>
+1 -1
View File
@@ -2,7 +2,7 @@
<head> <head>
<title>AIO</title> <title>AIO</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="style.css?v11"> <link rel="stylesheet" href="style.css?v12">
<link rel="stylesheet" href="logs.css?v1"> <link rel="stylesheet" href="logs.css?v1">
<link rel="icon" href="img/favicon.png"> <link rel="icon" href="img/favicon.png">
<script src="apply-theme.js?v1"></script> <script src="apply-theme.js?v1"></script>