ovdashboard/ui/src/App.vue

56 lines
1.2 KiB
Vue
Raw Normal View History

2022-09-09 16:23:04 +00:00
<template>
2022-09-09 16:38:12 +00:00
<v-app>
<v-main>
2022-09-12 13:02:03 +00:00
<TitleBar :title="title_html" />
2022-09-13 01:54:02 +00:00
<Dashboard :message="message_html" />
2022-09-09 16:38:12 +00:00
</v-main>
2022-09-12 23:49:16 +00:00
<TickerBar v-if="ticker_html !== ''" :content="ticker_html" />
2022-09-09 16:38:12 +00:00
</v-app>
2022-09-09 16:23:04 +00:00
</template>
<script lang="ts">
2022-09-11 23:28:37 +00:00
import { Component, Vue } from "vue-property-decorator";
2022-09-13 01:54:02 +00:00
import Dashboard from "./components/Dashboard.vue";
2022-09-09 22:41:50 +00:00
import TitleBar from "./components/TitleBar.vue";
2022-09-12 13:01:58 +00:00
import TickerBar from "./components/TickerBar.vue";
2022-09-09 16:23:04 +00:00
2022-09-11 23:28:37 +00:00
@Component({
2022-09-09 16:23:04 +00:00
components: {
2022-09-13 01:54:02 +00:00
Dashboard,
2022-09-09 22:41:50 +00:00
TitleBar,
2022-09-12 13:01:58 +00:00
TickerBar,
2022-09-09 16:23:04 +00:00
},
2022-09-11 23:28:37 +00:00
})
export default class App extends Vue {
private title_html = "<h1>changeme</h1>";
2022-09-12 13:01:58 +00:00
private ticker_html = "<p>changeme</p>";
2022-09-13 01:54:02 +00:00
private message_html = "<p>changeme</p>";
2022-09-11 23:28:37 +00:00
}
2022-09-09 16:38:12 +00:00
</script>
2022-09-12 00:39:19 +00:00
2022-09-12 11:07:24 +00:00
<style lang="scss">
@import "@/assets/fonts.css";
2022-09-12 00:39:19 +00:00
2022-09-12 11:07:24 +00:00
// THW Logo font
2022-09-12 00:39:19 +00:00
.thw-logo-font {
font-family: "Lubalin Graph", serif !important;
2022-09-12 10:47:44 +00:00
font-weight: bold !important;
2022-09-12 00:39:19 +00:00
}
2022-09-12 11:07:24 +00:00
// THW Heading font
2022-09-12 00:39:19 +00:00
.thw-heading-font {
font-family: "Neue Praxis", "Roboto", sans-serif !important;
}
2022-09-12 11:07:24 +00:00
// THW Text font
2022-09-12 00:39:19 +00:00
.thw-text-font {
font-family: "Neue Demos", serif !important;
}
2022-09-12 11:07:24 +00:00
// THW Citation font
2022-09-12 00:39:19 +00:00
.thw-citation-font {
font-family: "Neue Demos", serif !important;
2022-09-12 10:47:44 +00:00
font-style: italic !important;
2022-09-12 00:39:19 +00:00
}
</style>