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

Auth: Improve page footer on small screens #98 #782 #1990

Browse source
This commit is contained in:
Michael Mayer 2022-02-23 14:07:25 +01:00
parent fec195333c
commit a83757a242
2 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/css/auth.css
View file

@ -20,7 +20,6 @@
height: 100%; height: 100%;
} }
#photoprism main .auth-login .auth-login-form .v-card #photoprism main .auth-login .auth-login-form .v-card
{ {
background: transparent !important; background: transparent !important;
@ -39,7 +38,6 @@
#photoprism main .auth-login footer { #photoprism main .auth-login footer {
position: absolute; position: absolute;
bottom: 16px; bottom: 16px;
text-align: left;
left: 16px; left: 16px;
right: 16px; right: 16px;
padding: 0; padding: 0;

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

@ -1,6 +1,6 @@
<template> <template>
<v-container fluid fill-height class="auth-login wallpaper"> <v-container fluid fill-height class="auth-login wallpaper pa-0">
<v-layout align-center justify-center> <v-layout align-center justify-center pa-3>
<v-flex xs12 sm8 md4> <v-flex xs12 sm8 md4>
<v-form ref="form" dense autocomplete="off" class="auth-login-form" accept-charset="UTF-8" <v-form ref="form" dense autocomplete="off" class="auth-login-form" accept-charset="UTF-8"
@submit.prevent="login"> @submit.prevent="login">
@ -54,13 +54,15 @@
</v-flex> </v-flex>
</v-layout> </v-layout>
<footer> <footer>
<p class="auth-site float-left white--text body-2"> <v-layout wrap align-top pa-0 ma-0>
<strong class="white--text">{{ config.siteTitle }}</strong> – {{ config.siteCaption }} <v-flex xs12 class="pa-0 body-2 text-selectable text-xs-center white--text" :class="[config.imprint ? 'text-sm-left sm6' : '']">
</p> <strong>{{ config.siteTitle }}</strong> – {{ config.siteCaption }}
<p v-if="config.imprint" class="auth-imprint float-right white--text body-2"> </v-flex>
<a v-if="config.imprintUrl" :href="config.imprintUrl" target="_blank" class="text-link">{{ config.imprint }}</a> <v-flex v-if="config.imprint" xs12 sm6 class="pa-0 body-2 text-xs-center text-sm-right white--text">
<span v-else>{{ config.imprint }}</span> <a v-if="config.imprintUrl" :href="config.imprintUrl" target="_blank" class="text-link">{{ config.imprint }}</a>
</p> <span v-else>{{ config.imprint }}</span>
</v-flex>
</v-layout>
</footer> </footer>
</v-container> </v-container>
</template> </template>