diff --git a/moonraker/assets/welcome.html b/moonraker/assets/welcome.html index c0d511d..21136c6 100644 --- a/moonraker/assets/welcome.html +++ b/moonraker/assets/welcome.html @@ -43,13 +43,13 @@ row-gap: 1.5rem; flex-wrap: wrap; } - .container { + .card { background:none; border: 0px; border-radius: .75rem; width: 25rem; } - .container h1 { + .card h1 { background-color: #225353; text-align: center; line-height: 2.2rem; @@ -59,35 +59,36 @@ border-top-left-radius: .75rem; border-top-right-radius: .75rem; } - .container .content{ + .card .content{ background-color: #1a1a1a; border-bottom-left-radius: .75rem; border-bottom-right-radius: .75rem; padding: .5rem; } - .container .entry { + .card .entry { display: inline-block; width: 100%; } - .container .entry:not(:last-child) { + .card .entry:not(:last-child) { margin-bottom: .4rem; } - .container .value { + .card .value { float: right; display: inline; } - .container ul { - margin: 0px; - padding-left: 1rem; - } - .container li:not(:last-child) { - margin-bottom: .4rem; - } .messages { margin-top: 2rem; width: 51.5rem; padding: .5rem; } + .messages .item { + padding: .5rem; + background: #242424; + border-radius: .4rem; + } + .messages .item:not(:last-child) { + margin-bottom: .5rem; + } .warning h1 { animation: glow 1s ease-in-out infinite alternate; } @@ -116,7 +117,7 @@

-
+

Authorization

@@ -132,8 +133,8 @@
{{ cors_enabled }}
-
-
+ +

Status

@@ -149,30 +150,27 @@
{{ klippy_state }}
-
+ {% if summary %} -
+

Summary

-
    {% for item in summary %} -
  • {{ item }}
  • +
    {{ item }}
    {% end %} -
-
+ {% end %} + {% if warnings %} -
+

Warnings

-
    {% for warn in warnings %} -
  • {{ warn }}
  • +
    {{ warn }}
    {% end %} -
-
+ {% end %}