diff --git a/index.html b/index.html
index 9ff6edb07..1b025c90f 100644
--- a/index.html
+++ b/index.html
@@ -15,21 +15,62 @@
body {
/* Setting it early for background during load */
--bg-color: #202020;
+ --fg-color: #FFFFFF;
}
}
+ html, body {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ }
body {
+ display: grid;
background-color: var(--bg-color);
background-image: var(--bg-img);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
+ #vue-app:has(#loading-logo) {
+ display: contents;
+ color: var(--fg-color);
+ & #loading-logo {
+ place-self: center;
+ font-size: clamp(2px, 1vw, 6px);
+ line-height: 1;
+ overflow: hidden;
+ max-width: 100vw;
+ border-radius: 20ch;
+ }
+ }
+ .visually-hidden {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip-path: inset(50%);
+ white-space: nowrap;
+ border: 0;
+ }
-
+
+
Loading ComfyUI...
+
+