31 lines
1.1 KiB
Vue
31 lines
1.1 KiB
Vue
<script setup>
|
|
import NavItem from './NavItem.vue';
|
|
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div class="header-main">
|
|
<NavItem text_on_hover icon_before href="/" icon="/skonk/navigation/wish_icon.png">Wishes</NavItem>
|
|
<NavItem text_on_hover icon_before href="/auth/login" icon="/skonk/navigation/wish_icon.png" class="flex-end">asdfasdflik apsdjfp aspdoijf</NavItem>
|
|
<NavItem text_on_hover icon_before href="/auth/login" icon="/skonk/navigation/wish_icon.png" class="flex-end">Wishes</NavItem>
|
|
<NavItem text_on_hover icon_before href="/auth/login" icon="/skonk/navigation/wish_icon.png" class="flex-end">Wishes</NavItem>
|
|
<NavItem text_on_hover icon_before href="/auth/login" icon="/skonk/navigation/wish_icon.png" class="flex-end">Wishes</NavItem>
|
|
</div>
|
|
<img :src="'/skonk/divider.png'" style="width: 90%; height: 3px; margin: auto;">
|
|
</template>
|
|
|
|
<style scoped>
|
|
.header-main {
|
|
height: auto;
|
|
width: 100%;
|
|
background-color: var(--background-color);
|
|
padding: 10px;
|
|
margin-left: 15px;
|
|
text-align: left;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
</style> |