davidangel
cade3df3e9
All checks were successful
continuous-integration/drone/push Build is passing
Related discussion: https://community.vikunja.io/t/change-vikunja-logo-and-color-scheme/621 Reviewed-on: #3685 Reviewed-by: konrad <k@knt.li> Co-authored-by: davidangel <david@davidangel.net> Co-committed-by: davidangel <david@davidangel.net>
29 lines
793 B
Vue
29 lines
793 B
Vue
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
import { useNow } from '@vueuse/core'
|
|
|
|
import LogoFull from '@/assets/logo-full.svg?component'
|
|
import LogoFullPride from '@/assets/logo-full-pride.svg?component'
|
|
import {MILLISECONDS_A_HOUR} from '@/constants/date'
|
|
|
|
const now = useNow({
|
|
interval: MILLISECONDS_A_HOUR,
|
|
})
|
|
const Logo = computed(() => window.ALLOW_ICON_CHANGES && now.value.getMonth() === 6 ? LogoFullPride : LogoFull)
|
|
const CustomLogo = computed(() => window.CUSTOM_LOGO_URL)
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<Logo v-if="!CustomLogo" alt="Vikunja" class="logo" />
|
|
<img v-show="CustomLogo" :src="CustomLogo" alt="Vikunja" class="logo" />
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.logo {
|
|
color: var(--logo-text-color);
|
|
max-width: 168px;
|
|
max-height: 48px;
|
|
}
|
|
</style> |