mirror of
https://github.com/romancm/gamebrary
synced 2025-01-12 03:08:44 +00:00
49 lines
No EOL
1 KiB
Vue
Executable file
49 lines
No EOL
1 KiB
Vue
Executable file
<template lang="html">
|
|
<b-navbar class="px-3 py-2" :fixed="fixed">
|
|
<b-navbar-brand :to="{ name: 'home' }">
|
|
<img src="/static/gamebrary-logo.png" height="30" />
|
|
|
|
<small v-if="showBoardTitle" class="board-name">{{ board.name }}</small>
|
|
</b-navbar-brand>
|
|
|
|
<legacy-settings v-if="isLegacyBoard" />
|
|
<settings v-else />
|
|
</b-navbar>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapState } from 'vuex';
|
|
import Settings from '@/components/Settings';
|
|
import LegacySettings from '@/components/LegacyBoard/LegacySettings';
|
|
|
|
export default {
|
|
components: {
|
|
Settings,
|
|
LegacySettings,
|
|
},
|
|
|
|
computed: {
|
|
...mapState(['board']),
|
|
|
|
fixed() {
|
|
return this.$route.name === 'board'
|
|
? 'top'
|
|
: '';
|
|
},
|
|
|
|
isLegacyBoard() {
|
|
return this.$route.name === 'legacy-board';
|
|
},
|
|
|
|
showBoardTitle() {
|
|
return this.$route.name === 'board' && this.board.name;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" rel="stylesheet/scss" scoped>
|
|
.board-name {
|
|
text-shadow: 2px 2px #ff0000;
|
|
}
|
|
</style> |