Belupeti/wishboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

some frontend
Build / Build-image (push) Successful in 40s
Details

Browse Source
This commit is contained in:
Belupeti
2026-09-26 23:10:14 +02:00
parent 52c069aca4
commit b2563f9146
8 changed files with 82 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/Header.vue
+19 -9
View File
@@ -1,9 +1,18 @@
<template>
<div class="header-main">
<a href="/">Home</a>
</div>
<script setup>
import NavItem from './NavItem.vue';
<img :src="'/skonk/divider.png'" style="width: 90%; margin: auto;">
</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>
@@ -12,10 +21,11 @@
width: 100%;
background-color: var(--background-color);
padding: 10px;
margin-left: 15px;
text-align: left;
display: flex;
flex-direction: row;
justify-content: flex-start;
}
a {
font-size: 2vh;
margin: 10px;
}
</style>