From e5010d2a2fbc56670162fa37a7ac92f6d1a32ec1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <40151420+ldericher@users.noreply.github.com> Date: Mon, 12 Sep 2022 10:47:44 +0000 Subject: [PATCH] THW logo + responsivity --- ui/src/App.vue | 16 +++++------ ui/src/assets/thw.svg | 20 +++++++++++++ ui/src/components/THWLogo.vue | 52 ++++++++++++++++++++++++++++++++++ ui/src/components/TitleBar.vue | 10 +++++-- 4 files changed, 86 insertions(+), 12 deletions(-) create mode 100644 ui/src/assets/thw.svg create mode 100644 ui/src/components/THWLogo.vue diff --git a/ui/src/App.vue b/ui/src/App.vue index c733013..9b71466 100644 --- a/ui/src/App.vue +++ b/ui/src/App.vue @@ -25,7 +25,7 @@ export default class App extends Vue { } - diff --git a/ui/src/assets/thw.svg b/ui/src/assets/thw.svg new file mode 100644 index 0000000..12155ed --- /dev/null +++ b/ui/src/assets/thw.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + image/svg+xml + + + + + diff --git a/ui/src/components/THWLogo.vue b/ui/src/components/THWLogo.vue new file mode 100644 index 0000000..2cf9877 --- /dev/null +++ b/ui/src/components/THWLogo.vue @@ -0,0 +1,52 @@ + + + + + + + Technisches + Hilfswerk + + + + + + + + OV Musterstadt + + + + + + + \ No newline at end of file diff --git a/ui/src/components/TitleBar.vue b/ui/src/components/TitleBar.vue index 4b6e659..84d76df 100644 --- a/ui/src/components/TitleBar.vue +++ b/ui/src/components/TitleBar.vue @@ -1,13 +1,15 @@ - + - LOGO + + + TITLE - + import { Component, Vue } from "vue-property-decorator"; import Clock from "./Clock.vue"; +import THWLogo from "./THWLogo.vue"; @Component({ components: { Clock, + THWLogo, }, }) export default class TitleBar extends Vue {}