frequi_origin/src/App.vue

45 lines
1.1 KiB
Vue
Raw Normal View History

2020-05-04 04:31:12 +00:00
<template>
2021-03-10 15:10:20 +00:00
<div id="app" class="d-flex flex-column vh-100">
2021-12-19 15:57:22 +00:00
<NavBar />
2021-03-10 15:10:20 +00:00
<Body class="flex-fill overflow-auto" />
2021-12-19 19:14:35 +00:00
<NavFooter />
2020-09-12 14:29:41 +00:00
</div>
2020-05-04 04:31:12 +00:00
</template>
2020-09-08 09:53:34 +00:00
<script lang="ts">
2020-06-20 15:10:11 +00:00
import { Component, Vue } from 'vue-property-decorator';
2021-12-19 15:57:22 +00:00
import NavBar from '@/components/layout/NavBar.vue';
2021-12-19 19:14:35 +00:00
import NavFooter from '@/components/layout/NavFooter.vue';
2020-05-18 18:10:34 +00:00
import Body from '@/components/layout/Body.vue';
import { namespace } from 'vuex-class';
import { SettingsGetters } from './store/modules/settings';
import { setTimezone } from './shared/formatters';
import StoreModules from './store/storeSubModules';
const uiSettingsNs = namespace(StoreModules.uiSettings);
2020-05-04 04:31:12 +00:00
2020-06-20 15:10:11 +00:00
@Component({
2021-12-19 19:14:35 +00:00
components: { NavBar, Body, NavFooter },
2020-06-20 15:10:11 +00:00
})
export default class App extends Vue {
@uiSettingsNs.Getter [SettingsGetters.timezone]: string;
mounted() {
setTimezone(this.timezone);
}
}
2020-05-06 19:24:12 +00:00
</script>
2020-09-12 14:29:41 +00:00
<style scoped>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
}
2021-06-25 18:00:40 +00:00
/* * {
outline: 1px solid #f00 !important;
} */
2020-09-12 14:29:41 +00:00
</style>