Snigdha-OS/Snigdha-OS.github.io
2
0
Fork 0
mirror of https://github.com/Snigdha-OS/Snigdha-OS.github.io.git synced 2025-09-07 13:15:17 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

🔨 refactor(text): add text && links

Browse Source
This commit is contained in:
Abhiraj Roy
2024-06-05 12:37:36 +05:30
parent 102bce0cd1
commit 9e8b6e32e5
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/AppHeader.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<header id="navbar" class="w-full hidden lg:flex flex-col"> <header id="navbar" class="w-full hidden lg:flex flex-col">
<nav class="w-full flex justify-between border-bot"> <nav class="w-full flex justify-between border-bot">
<github-corner url="https://github.com/alexdeploy/developer-portfolio-v2" /> <github-corner url="https://github.com/Snigdha-OS/" />
<div class="flex"> <div class="flex">
<NuxtLink id="nav-logo" to="/"> <NuxtLink id="nav-logo" to="/">
{{ config.dev.logo_name }} {{ config.dev.logo_name }}
@@ -12,16 +12,20 @@
</NuxtLink> </NuxtLink>
<NuxtLink id="nav-link" to="/about-me" :class="{ active: isActive('/about-me') }"> <NuxtLink id="nav-link" to="/about-me" :class="{ active: isActive('/about-me') }">
_about-me _about
</NuxtLink> </NuxtLink>
<NuxtLink id="nav-link" to="/projects" :class="{ active: isActive('/projects') }"> <NuxtLink id="nav-link" to="/projects" :class="{ active: isActive('/projects') }">
_projects _projects
</NuxtLink> </NuxtLink>
<NuxtLink id="nav-link" to="https://forum.snigdhaos.org" :class="{ active: isActive('') }">
_forum
</NuxtLink>
</div> </div>
<NuxtLink id="nav-link-contact" to="/contact-me" :class="{ active: isActive('/contact-me')}"> <NuxtLink id="nav-link-contact" to="/contact-me" :class="{ active: isActive('/contact-me')}">
_contact-me _contact
</NuxtLink> </NuxtLink>
</nav> </nav>
@@ -73,7 +77,7 @@ export default {
#nav-logo { #nav-logo {
border-right: 1px solid #1E2D3D; border-right: 1px solid #1E2D3D;
@apply text-menu-text font-fira_retina px-6 h-full flex items-center; @apply text-menu-text font-fira_bold px-6 h-full flex items-center;
} }
#nav-logo:hover { #nav-logo:hover {
@@ -94,7 +98,8 @@ export default {
#navbar > nav { #navbar > nav {
height: 45px; height: 45px;
font-size: 13px; font-size: 15px;
/* @apply items-center */
} }
</style> </style>