dan/ester_os
1
0
Fork 0
mirror of https://github.com/danbulant/ester_os synced 2026-07-03 18:10:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add background and fix positions

Browse source
This commit is contained in:
danbulant 2020-02-07 22:40:24 +01:00
parent 5c5646e6b2
commit 2454cf0271
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
client/src/App.css
View file

@ -1,8 +1,12 @@
html, body, #root { html, body, #root {
height: 100%; height: 100%;
width: 100%; width: 100%;
overflow: hidden;
} }
body {
background: url("https://picsum.photos/1366/768.webp");
}
.navbar { .navbar {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
@ -30,8 +34,10 @@ html, body, #root {
} }
.login .time { .login .time {
position: fixed;
bottom: 5px;
left: 10px;
transition: bottom 1s, opacity 1s; transition: bottom 1s, opacity 1s;
height: 100%;
opacity: 1; opacity: 1;
text-align: left; text-align: left;
vertical-align: bottom; vertical-align: bottom;
@ -48,9 +54,14 @@ html, body, #root {
opacity: 0; opacity: 0;
transition: opacity 1s, height 1s; transition: opacity 1s, height 1s;
height: 0; height: 0;
text-align: center;
vertical-align: middle;
} }
.login .user.active { .login .user.active {
opacity: 1; opacity: 1;
height: 100%; height: 100%;
}
.login .user .password-holder .username {
top: 30%;
} }