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

Auth: Improve login page CSS and wallpapers

Browse source
This commit is contained in:
Michael Mayer 2022-02-08 11:09:38 +01:00
parent 65852cd839
commit 6690b9953e
3 changed files with 32 additions and 8 deletions

12
frontend/package-lock.json generated
View file

@ -2023,9 +2023,9 @@
"integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4="
},
"node_modules/@types/node": {
"version": "17.0.15",
"resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.15.tgz",
"integrity": "sha512-zWt4SDDv1S9WRBNxLFxFRHxdD9tvH8f5/kg5/IaLFdnSNXsDY4eL3Q3XXN+VxUnWIhyVFDwcsmAprvwXoM/ClA=="
"version": "17.0.16",
"resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.16.tgz",
"integrity": "sha512-ydLaGVfQOQ6hI1xK2A5nVh8bl0OGoIfYMxPWHqqYe9bTkWCfqiVvZoh2I/QF2sNSkZzZyROBoTefIEI+PB6iIA=="
},
"node_modules/@types/parse-json": {
"version": "4.0.0",
@ -13854,9 +13854,9 @@
"integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4="
},
"@types/node": {
"version": "17.0.15",
"resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.15.tgz",
"integrity": "sha512-zWt4SDDv1S9WRBNxLFxFRHxdD9tvH8f5/kg5/IaLFdnSNXsDY4eL3Q3XXN+VxUnWIhyVFDwcsmAprvwXoM/ClA=="
"version": "17.0.16",
"resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.16.tgz",
"integrity": "sha512-ydLaGVfQOQ6hI1xK2A5nVh8bl0OGoIfYMxPWHqqYe9bTkWCfqiVvZoh2I/QF2sNSkZzZyROBoTefIEI+PB6iIA=="
},
"@types/parse-json": {
"version": "4.0.0",

26
frontend/src/css/wallpaper.css
View file

@ -8,11 +8,30 @@
background-image: url(https://da.photoprism.app/wallpaper/default.jpg);
}
#photoprism.theme-gemstone .auth-login-box
.dark-theme #photoprism .auth-login-box
{
opacity: 98%;
}
#photoprism .blur-1 {
backdrop-filter: blur(2px);
}
#photoprism .blur-2 {
backdrop-filter: blur(3px);
}
#photoprism .blur-3 {
backdrop-filter: blur(4px);
}
#photoprism .blur-4 {
backdrop-filter: blur(6px);
}
#photoprism .blur-5 {
backdrop-filter: blur(8px);
}
#photoprism .blur-6 {
backdrop-filter: blur(10px);
}
#photoprism.theme-gemstone .auth-login.wallpaper {
background-image: url(https://da.photoprism.app/wallpaper/gemstone.jpg);
}
@ -22,6 +41,11 @@
background-image: url(https://da.photoprism.app/wallpaper/raspberry.jpg);
}
#photoprism.theme-cyano .auth-login.wallpaper
{
background-image: url(https://da.photoprism.app/wallpaper/cyano.jpg);
}
#photoprism.theme-vanta .auth-login.wallpaper
{
background-image: url(https://da.photoprism.app/wallpaper/vanta.jpg);

2
frontend/src/pages/auth/login.vue
View file

@ -1,7 +1,7 @@
<template>
<v-container fluid fill-height class="auth-login wallpaper">
<v-layout align-center justify-center>
<v-flex xs12 sm8 md4>
<v-flex xs12 sm8 md4 blur-2>
<v-card class="elevation-12 auth-login-box">
<v-toolbar flat dark prominent :dense="false">
<v-list class="navigation-home">