-
+
+
+
+
-
+
diff --git a/frontend/src/css/app.css b/frontend/src/css/app.css
index a9db44cab..f7f36b01e 100644
--- a/frontend/src/css/app.css
+++ b/frontend/src/css/app.css
@@ -31,7 +31,7 @@ Additional information can be found in our Developer Guide:
@import url("scrollbar.css");
@import url("themes.css");
@import url("effects.css");
-@import url("splash.css");
+@import url("static.css");
@import url("navigation.css");
@import url("logs.css");
@import url("visibility.css");
@@ -83,14 +83,6 @@ main {
/* General App Styles */
-#photoprism div.fullscreen {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
-}
-
#photoprism .v-badge__badge {
font-size: 12px;
height: 19px;
diff --git a/frontend/src/css/splash.css b/frontend/src/css/static.css
similarity index 93%
rename from frontend/src/css/splash.css
rename to frontend/src/css/static.css
index b349e436f..0e8c90baf 100644
--- a/frontend/src/css/splash.css
+++ b/frontend/src/css/static.css
@@ -1,4 +1,4 @@
-/* App Loading Animation */
+/* Static Page Styles */
#photoprism.container {
position: fixed;
@@ -11,10 +11,27 @@
padding: 0;
}
+#photoprism div.fullscreen {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+}
+
+/* Server Error */
+
+#photoprism.container.server-error {
+ background: #141417;
+}
+
+/* Splash Screen */
+
#photoprism.container.splash-screen {
background: #131313;
}
+#photoprism a.logo-large,
#photoprism div.logo-large {
position: fixed;
top: 50%;
@@ -24,6 +41,12 @@
height: 300px;
}
+#photoprism a.logo-large {
+ display: block;
+ text-decoration: none;
+ color: #c6d2ff;
+}
+
#photoprism div.loading-bar {
position: fixed;
bottom: 15%;