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.
64 lines
1.3 KiB
64 lines
1.3 KiB
<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> |
|
<template #end> |
|
<InputText placeholder="Search" type="text" /> |
|
</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: '/photo' |
|
} |
|
] |
|
} |
|
]) |
|
|
|
const collapse1 = ref(false); |
|
const dropdown1 = ref(false); |
|
</script> |