mirror of
https://github.com/Kizuren/kizuren.dev.git
synced 2025-12-21 13:06:11 +01:00
26 lines
No EOL
868 B
Vue
26 lines
No EOL
868 B
Vue
<template>
|
|
<header class="p-4">
|
|
<nav class="flex justify-between items-center">
|
|
<div class="logo">
|
|
<ULink as="button" to="/" class="cursor-default">Kizuren</ULink>
|
|
</div>
|
|
<ul class="flex gap-4 md:gap-6">
|
|
<li><ULink to="/about">About</ULink></li>
|
|
<li><ULink to="/contact">Contact</ULink></li>
|
|
<!--<li v-if="config.siteLinks.github"><ULink :to="config.siteLinks.github" target="_blank"><UIcon name="i-simple-icons-github" class="size-5" /></ULink></li>
|
|
<li><ULink to="/discord" target="_blank"><UIcon name="i-simple-icons-discord" class="size-5" /></ULink></li>-->
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
</template>
|
|
|
|
<script setup>
|
|
const { config } = useSiteConfig()
|
|
</script>
|
|
|
|
<style scoped>
|
|
a {
|
|
font-family: 'Press Start 2P', monospace;
|
|
transition: all 0.2s steps(2);
|
|
}
|
|
</style> |