forked from vikunja/frontend
kolaente
befa6f27bb
fix: project table view fix: e2e tests fix: typo in readme fix: list view route fix: don't wait until background is loaded for list to show fix: rename component imports fix: lint fix: parse task text fix: use list card grid fix: use correct class names fix: i18n keys fix: load project fix: task overview fix: list view spacing fix: find project fix: setLoading when updating a project fix: loading saved filter fix: project store loading fix: color picker import fix: cypress tests feat: migrate old list settings chore: add const for project settings fix: wrong projecten rename from lists chore: rename unused variable fix: editor list fix: shortcut list class name fix: pagination list class name fix: notifications list class name fix: list view variable name chore: clarify comment fix: i18n keys fix: router imports fix: comment chore: remove debugging leftover fix: remove duplicate variables fix: change comment fix: list view variable name fix: list view css class name fix: list item property name fix: name update tasks function correctly fix: update comment fix: project create route fix: list view class names fix: list view component name fix: result list class name fix: animation class list name fix: change debug log fix: revert a few navigation changes fix: use @ for imports of all views fix: rename link share list class fix: remove unused css class fix: dynamically import project components again
65 lines
1.5 KiB
Vue
65 lines
1.5 KiB
Vue
<template>
|
|
<div
|
|
:class="[background ? 'has-background' : '', $route.name as string +'-view']"
|
|
:style="{'background-image': `url(${background})`}"
|
|
class="link-share-container"
|
|
>
|
|
<div class="container has-text-centered link-share-view">
|
|
<div class="column is-10 is-offset-1">
|
|
<Logo class="logo" v-if="logoVisible"/>
|
|
<h1
|
|
:class="{'m-0': !logoVisible}"
|
|
:style="{ 'opacity': currentProject.title === '' ? '0': '1' }"
|
|
class="title">
|
|
{{ currentProject.title === '' ? $t('misc.loading') : currentProject.title }}
|
|
</h1>
|
|
<div class="box has-text-left view">
|
|
<router-view/>
|
|
<PoweredByLink/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import {computed} from 'vue'
|
|
|
|
import {useBaseStore} from '@/stores/base'
|
|
|
|
import Logo from '@/components/home/Logo.vue'
|
|
import PoweredByLink from './PoweredByLink.vue'
|
|
|
|
const baseStore = useBaseStore()
|
|
const currentProject = computed(() => baseStore.currentProject)
|
|
const background = computed(() => baseStore.background)
|
|
const logoVisible = computed(() => baseStore.logoVisible)
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.link-share-container.has-background .view {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.logo {
|
|
max-width: 300px;
|
|
width: 90%;
|
|
margin: 2rem 0 1.5rem;
|
|
height: 100px;
|
|
}
|
|
|
|
.column {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.title {
|
|
text-shadow: 0 0 1rem var(--white);
|
|
}
|
|
|
|
// FIXME: this should be defined somewhere deep
|
|
.link-share-view .card {
|
|
background-color: var(--white);
|
|
}
|
|
</style>
|