mirror of
https://github.com/freqtrade/frequi.git
synced 2024-11-13 03:33:50 +00:00
43 lines
1.0 KiB
Vue
43 lines
1.0 KiB
Vue
<template>
|
|
<div id="app" class="d-flex flex-column vh-100">
|
|
<NavBar />
|
|
<Body class="flex-fill overflow-auto" />
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { Component, Vue } from 'vue-property-decorator';
|
|
import NavBar from '@/components/layout/NavBar.vue';
|
|
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);
|
|
|
|
@Component({
|
|
components: { NavBar, Body },
|
|
})
|
|
export default class App extends Vue {
|
|
@uiSettingsNs.Getter [SettingsGetters.timezone]: string;
|
|
|
|
mounted() {
|
|
setTimezone(this.timezone);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
#app {
|
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-align: center;
|
|
}
|
|
|
|
/* * {
|
|
outline: 1px solid #f00 !important;
|
|
} */
|
|
</style>
|