mirror of
https://github.com/photoprism/photoprism.git
synced 2026-01-23 02:24:24 +00:00
67 lines
No EOL
2.1 KiB
Vue
67 lines
No EOL
2.1 KiB
Vue
<template>
|
||
<div class="auth-footer">
|
||
<footer v-if="sponsor">
|
||
<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() }}
|
||
</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-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-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-xs-center text-sm-right white--text">
|
||
<v-btn
|
||
href="https://www.photoprism.app/"
|
||
target="_blank"
|
||
color="transparent"
|
||
class="white--text px-3 py-2 ma-0 action-about"
|
||
round depressed small
|
||
>
|
||
<translate>Learn more</translate>
|
||
<v-icon :left="rtl" :right="!rtl" size="16" class="ml-2" dark>diamond</v-icon>
|
||
</v-btn>
|
||
</v-flex>
|
||
</v-layout>
|
||
</footer>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
|
||
export default {
|
||
name: 'PAuthFooter',
|
||
props: {
|
||
colors: {
|
||
type: Object,
|
||
default: () => {
|
||
return {
|
||
accent: "#05dde1",
|
||
primary: "#00a6a9",
|
||
secondary: "#505050",
|
||
link: "#c8e3e7",
|
||
};
|
||
},
|
||
},
|
||
},
|
||
data() {
|
||
return {
|
||
sponsor: this.$config.isSponsor(),
|
||
config: this.$config.values,
|
||
rtl: this.$rtl,
|
||
};
|
||
},
|
||
methods: {}
|
||
};
|
||
|
||
</script> |