You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.2 KiB
61 lines
1.2 KiB
1 year ago
|
<template>
|
||
|
<header>
|
||
|
<ClientOnly>
|
||
|
<!-- Navbar -->
|
||
|
|
||
|
<Menubar :model="navitems" class="flex relative sm:z-2" style="min-height: 62px;">
|
||
|
<template #start>
|
||
|
<img alt="logo" src="sc_logo_icon.png" height="40" class="mr-2" />
|
||
|
</template>
|
||
|
</Menubar>
|
||
|
|
||
|
|
||
|
<!-- Navbar -->
|
||
|
</ClientOnly>
|
||
|
</header>
|
||
|
<!--Main Navigation-->
|
||
|
</template>
|
||
|
|
||
|
<script setup lang="ts">
|
||
|
|
||
|
import { ref } from 'vue';
|
||
|
|
||
|
const navitems = ref([
|
||
|
{
|
||
|
label: 'About',
|
||
|
icon: 'pi pi-question-circle',
|
||
|
url: '/about'
|
||
|
},
|
||
|
{
|
||
|
label: 'Bought',
|
||
|
icon: 'pi pi-euro',
|
||
|
url: '/bought'
|
||
|
},
|
||
|
{
|
||
|
label: 'Evaluated',
|
||
|
icon: 'pi pi-check-square',
|
||
|
url: '/evaluated'
|
||
|
},
|
||
|
{
|
||
|
label: 'Maintainance',
|
||
|
icon: 'pi pi-wrench',
|
||
|
items: [
|
||
|
{
|
||
|
label: 'Clothing-Type',
|
||
|
url: '/typ'
|
||
|
},
|
||
|
{
|
||
|
label: 'Measures',
|
||
|
url: '/measure'
|
||
|
},
|
||
|
{
|
||
|
label: 'Photos',
|
||
|
url: '/photos'
|
||
|
}
|
||
|
]
|
||
|
}
|
||
|
])
|
||
|
|
||
|
const collapse1 = ref(false);
|
||
|
const dropdown1 = ref(false);
|
||
|
</script>
|