ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add vbv link

This commit is contained in:
Christian Cueni 2022-08-04 13:40:31 +02:00
parent 2c4695222b
commit 01b042f01f
2 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
client/src/components/MainNavigationBar.vue
View File

@ -1,7 +1,7 @@
<script setup> <script setup>
import * as log from 'loglevel'; import * as log from 'loglevel';
import { onMounted, reactive, shallowRef } from 'vue'; import { onMounted, reactive} from 'vue';
import { useUserStore } from '@/stores/user'; import { useUserStore } from '@/stores/user';
import { useRoute, useRouter } from 'vue-router'; import { useRoute, useRouter } from 'vue-router';
import { useAppStore } from '@/stores/app'; import { useAppStore } from '@/stores/app';
@ -16,7 +16,6 @@ const router = useRouter()
const userStore = useUserStore(); const userStore = useUserStore();
const appStore = useAppStore(); const appStore = useAppStore();
const state = reactive({showMenu: false}); const state = reactive({showMenu: false});
const vbvUrl = 'http://www.vbv.ch';
function toggleNav() { function toggleNav() {
state.showMenu = !state.showMenu; state.showMenu = !state.showMenu;
@ -59,7 +58,7 @@ onMounted(() => {
log.debug('MainNavigationBar mounted'); log.debug('MainNavigationBar mounted');
}) })
const profileDropdownData = shallowRef([ const profileDropdownData = [
[ [
{ {
title: 'Kontoeinstellungen', title: 'Kontoeinstellungen',
@ -78,7 +77,7 @@ const profileDropdownData = shallowRef([
} }
}, },
] ]
]) ]
</script> </script>
@ -95,9 +94,13 @@ const profileDropdownData = shallowRef([
> >
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<a <a
:href="vbvUrl" href="https://www.vbv.ch"
class="flex">
<it-icon-vbv class="h-8 w-16 -mt-6 -ml-3"/>
</a>
<router-link
to="/"
class="flex"> class="flex">
<it-icon-vbv class="h-8 w-16 -mt-3 -ml-3"/>
<div class=" <div class="
text-white text-white
text-2xl text-2xl
@ -109,7 +112,7 @@ const profileDropdownData = shallowRef([
> >
myVBV myVBV
</div> </div>
</a> </router-link>
<!-- Mobile menu button --> <!-- Mobile menu button -->
<div @click="toggleNav" class="flex lg:hidden"> <div @click="toggleNav" class="flex lg:hidden">

6
client/src/views/StyelGuideView.vue
View File

@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import {reactive, shallowRef} from 'vue' import {reactive} from 'vue'
import {Listbox, ListboxButton, ListboxOption, ListboxOptions} from '@headlessui/vue' import {Listbox, ListboxButton, ListboxOption, ListboxOptions} from '@headlessui/vue'
import ItCheckbox from '@/components/ui/ItCheckbox.vue'; import ItCheckbox from '@/components/ui/ItCheckbox.vue';
import ItDropdown from "@/components/ui/ItDropdown.vue"; import ItDropdown from "@/components/ui/ItDropdown.vue";
@ -25,7 +25,7 @@ const state = reactive({
dropdownSelected: {id: 8}, dropdownSelected: {id: 8},
}) })
const dropdownData = shallowRef([ const dropdownData = [
[ [
{ {
title: 'Option 1', title: 'Option 1',
@ -49,7 +49,7 @@ const dropdownData = shallowRef([
} }
}, },
] ]
]) ]
const colors = ['blue', 'sky', 'orange', 'green', 'red', 'gray',]; const colors = ['blue', 'sky', 'orange', 'green', 'red', 'gray',];