mariosant/mariosant.dev
1
0
Fork 0
Code Issues Pull Requests Actions Activity

feat: add top navigation links

Browse Source
This commit is contained in:
Marios Antonoudiou
2023-12-20 20:47:14 +02:00
parent 2e07404320
commit 09299dad0b
3 changed files with 45 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
components/top-nav.vue
View File

@@ -8,9 +8,25 @@
src="mariosant.webp"
class="w-10 h-10 rounded-full border dark:border-gray-800 dark:bg-slate-300 block"
/>
<div class="font-bold">Marios Antonoudiou</div>
<div class="font-bold text-blue-500 dark:text-blue-300">
Marios Antonoudiou
</div>
</ULink>
<div class="flex gap-3 items-center justify-end"></div>
<div class="flex gap-3 items-center justify-end text-slate-600">
<ULink
to="/"
class="font-semibold text-sm underline-offset-4"
activeClass="text-slate-900 dark:text-slate-200 underline"
>Home</ULink
>
<ULink
to="/articles"
class="font-semibold text-sm underline-offset-4"
activeClass="text-slate-900 dark:text-slate-200 underline"
>Articles</ULink
>
</div>
</UContainer>
</div>
</template>