mirror of
https://github.com/woodpecker-ci/woodpecker.git
synced 2024-06-09 00:49:35 +00:00
72df167d2d
Closes #1345 `index.js` size reduction: `538.71 KiB` -> `382.74 KiB` Also sets correct html `lang` attribute.
66 lines
1.8 KiB
Vue
66 lines
1.8 KiB
Vue
<template>
|
|
<div class="app flex flex-col m-auto w-full h-full bg-gray-100 dark:bg-dark-gray-600">
|
|
<router-view v-if="blank" />
|
|
<template v-else>
|
|
<Navbar />
|
|
<main class="relative flex min-h-0 h-full">
|
|
<div class="flex flex-col overflow-y-auto flex-grow">
|
|
<router-view />
|
|
</div>
|
|
<transition name="slide-right">
|
|
<PipelineFeedSidebar class="shadow-md border-l w-full absolute top-0 right-0 bottom-0 max-w-80 xl:max-w-96" />
|
|
</transition>
|
|
</main>
|
|
</template>
|
|
<notifications position="bottom right" />
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { computed, watch } from 'vue';
|
|
import { useI18n } from 'vue-i18n';
|
|
import { useRoute } from 'vue-router';
|
|
|
|
import Navbar from '~/components/layout/header/Navbar.vue';
|
|
import PipelineFeedSidebar from '~/components/pipeline-feed/PipelineFeedSidebar.vue';
|
|
import useApiClient from '~/compositions/useApiClient';
|
|
import useNotifications from '~/compositions/useNotifications';
|
|
|
|
const route = useRoute();
|
|
const apiClient = useApiClient();
|
|
const { notify } = useNotifications();
|
|
const i18n = useI18n();
|
|
|
|
// eslint-disable-next-line promise/prefer-await-to-callbacks
|
|
apiClient.setErrorHandler((err) => {
|
|
notify({ title: err.message || i18n.t('unknown_error'), type: 'error' });
|
|
});
|
|
|
|
const blank = computed(() => route.meta.blank);
|
|
|
|
const { locale } = useI18n();
|
|
watch(
|
|
locale,
|
|
() => {
|
|
document.documentElement.setAttribute('lang', locale.value);
|
|
},
|
|
{ immediate: true },
|
|
);
|
|
</script>
|
|
|
|
<style scoped>
|
|
.app {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.slide-right-enter-active,
|
|
.slide-right-leave-active {
|
|
transition: all 0.3s ease;
|
|
}
|
|
.slide-right-enter-from,
|
|
.slide-right-leave-to {
|
|
transform: translate(100%, 0);
|
|
}
|
|
</style>
|