diff --git a/internal/assets/static/main.css b/internal/assets/static/main.css index 3ef1eb6..2afbf17 100644 --- a/internal/assets/static/main.css +++ b/internal/assets/static/main.css @@ -58,6 +58,10 @@ font-size: var(--font-size-h4); } +.page { + height: 100%; +} + .page-content, .page.content-ready .page-loading-container { display: none; } @@ -360,8 +364,11 @@ body { } .page-loading-container { - margin: 50px auto; - width: fit-content; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + transform: translateY(-5rem); animation: loadingContainerEntrance 200ms backwards; animation-delay: 150ms; font-size: 2rem; diff --git a/internal/assets/templates/page.html b/internal/assets/templates/page.html index cfb0b5e..6b958cf 100644 --- a/internal/assets/templates/page.html +++ b/internal/assets/templates/page.html @@ -49,7 +49,7 @@ -
+
@@ -59,7 +59,7 @@
-