luisgulo/photoprism
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

UX: Update splash and error screen styles #840

Browse source 
Signed-off-by: Michael Mayer <michael@photoprism.app>
This commit is contained in:
Michael Mayer 2022-10-20 17:38:15 +02:00
parent f57325322b
commit 97e34b4989
3 changed files with 18 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/templates/404.gohtml
View file

@ -12,10 +12,10 @@
<link rel="stylesheet" href="{{ .config.CssUri }}">
</head>
<body class="{{ .config.Flags }} nojs">
<div id="photoprism" class="container server-error">
<div id="photoprism" class="container splash-screen">
<div class="fullscreen">
<a href="{{ .config.BaseUri }}/" class="logo-large">
<svg id="b14cd102-2241-4742-aeeb-4ebca536e025" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg"
<svg id="b14cd102-2241-4742-aeeb-4ebca536e025" data-name="logo" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 342.77 342.77">
<defs>
<style>

2
assets/templates/rainbow.gohtml
View file

@ -18,7 +18,7 @@
<div id="photoprism" class="container">
<div class="fullscreen animate-rainbow">
<div class="logo-large">
<svg id="b14cd102-2241-4742-aeeb-4ebca536e025" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg"
<svg id="b14cd102-2241-4742-aeeb-4ebca536e025" data-name="logo" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 342.77 342.77">
<defs>
<style>

29
frontend/src/css/static.css
View file

@ -19,32 +19,33 @@
bottom: 0;
}
/* Server Error */
#photoprism.container.server-error {
background: #141417;
}
/* Splash Screen */
#photoprism.container.splash-screen {
background: #141417;
}
#photoprism a.logo-large,
#photoprism div.logo-large {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
height: 300px;
}
#photoprism.container.splash-screen {
background: #141417;
}
/* Error Screen */
#photoprism a.logo-large {
display: block;
text-decoration: none;
color: #c6d2ff;
width: 230px;
height: 230px;
}
/* Splash Screen */
#photoprism div.logo-large {
width: 300px;
height: 300px;
}
#photoprism div.loading-bar {