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

Auth: Refactor login page footer #98

Browse source 
Signed-off-by: Michael Mayer <michael@photoprism.app>
This commit is contained in:
Michael Mayer 2023-06-29 18:12:45 +02:00
parent 1c9dad9cdd
commit 2f21b4fec5
1 changed files with 19 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
frontend/src/component/auth/footer.vue
View file

@ -1,28 +1,23 @@
<template>
<div class="auth-footer">
<footer v-if="sponsor">
<footer>
<v-layout wrap align-top pa-0 ma-0>
<v-flex xs12 sm6 class="pa-0 body-2 text-selectable text-xs-center white--text text-sm-left">
{{ $config.getAbout() }}
{{ about }}
</v-flex>
<v-flex v-if="config.legalInfo" xs12 sm6 class="pa-0 body-2 text-xs-center text-sm-right white--text">
<a v-if="config.legalUrl" :href="config.legalUrl" target="_blank" class="text-link"
:style="`color: ${colors.link}!important`">{{ config.legalInfo }}</a>
<span v-else>{{ config.legalInfo }}</span>
<v-flex v-if="legalInfo" xs12 sm6 class="pa-0 body-2 text-xs-center text-sm-right white--text">
<a v-if="legalUrl" :href="legalUrl" target="_blank" class="text-link"
:style="`color: ${colors.link}!important`">{{ legalInfo }}</a>
<span v-else>{{ legalInfo }}</span>
</v-flex>
<v-flex v-else xs12 class="pa-0 body-2 text-selectable text-xs-center white--text text-sm-right sm6">
<strong>{{ config.siteCaption ? config.siteCaption : config.siteTitle }}</strong>
<v-flex v-else-if="caption" xs12 sm6
class="pa-0 body-2 text-selectable text-xs-center text-sm-right white--text">
<strong>{{ caption }}</strong>
</v-flex>
</v-layout>
</footer>
<footer v-else>
<v-layout wrap align-top pa-0 ma-0>
<v-flex xs12 sm6 class="pa-0 body-2 text-xs-center text-sm-left white--text text-selectable">
<strong>{{ config.siteTitle }}</strong> – {{ config.siteCaption }}
</v-flex>
<v-flex xs12 sm6 class="pa-0 body-2 text-selectable text-xs-center text-sm-right">
<router-link to="/about" class="text-link"><span class="white--text">Made with ❤️ in Berlin</span></router-link>
<v-flex v-else xs12 sm6 class="pa-0 body-2 text-selectable text-xs-center text-sm-right white--text">
<router-link to="/about" class="text-link"><span class="white--text">Made with ❤️ in Berlin</span>
</router-link>
</v-flex>
</v-layout>
</footer>
@ -46,9 +41,14 @@ export default {
},
},
data() {
const config = this.$config;
return {
sponsor: this.$config.isSponsor(),
config: this.$config.values,
about: config.getAbout(),
sponsor: config.isSponsor(),
caption: config.values.siteCaption ? config.values.siteCaption : config.values.siteTitle,
legalUrl: config.values.legalUrl,
legalInfo: config.values.legalInfo,
config: config.values,
rtl: this.$rtl,
};
},