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-06 12:45:18 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

🧹 chore(clean): whole src files

Browse Source
This commit is contained in:
Eshan Roy (Eshanized)
2024-06-16 23:16:32 +05:30
parent edc45c757d
commit 8f7130024e
120 changed files with 41 additions and 20275 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
components/AppHeader.vue
View File

@@ -1,106 +0,0 @@
<template>
<header id="navbar" class="w-full hidden lg:flex flex-col">
<nav class="w-full flex justify-between border-bot">
<github-corner url="https://github.com/Snigdha-OS/" />
<div class="flex">
<NuxtLink id="nav-logo" to="/">
{{ config.dev.name }}
</NuxtLink>
<NuxtLink id="nav-link" to="/" :class="{ active: isActive('/') }">
_hello.py
</NuxtLink>
<NuxtLink id="nav-link" to="/about-me" :class="{ active: isActive('/about-me') }">
_about.py
</NuxtLink>
<NuxtLink id="nav-link" to="/projects" :class="{ active: isActive('/projects') }">
_projects.py
</NuxtLink>
<NuxtLink id="nav-link" to="https://forum.snigdhaos.org" :class="{ active: isActive('') }">
_forum.py
</NuxtLink>
</div>
<NuxtLink id="nav-link-contact" to="/contact-me" :class="{ active: isActive('/contact-me')}">
_contact.py
</NuxtLink>
</nav>
</header>
</template>
<script>
import GithubCorner from './GithubCorner.vue';
export default {
name: 'AppHeader',
components: {
GithubCorner
},
computed: {
// Set active class to current page link
isActive() {
return route => this.$route.path === route;
}
},
setup() {
const config = useRuntimeConfig()
return {
config
}
},
};
</script>
<style>
#nav-link {
border-right: 1px solid #1E2D3D;
@apply text-menu-text font-fira_retina px-6 h-full flex items-center;
}
#nav-link-contact {
border-left: 1px solid #1E2D3D;
@apply text-menu-text font-fira_retina px-6 h-full flex items-center;
}
#nav-link:hover, #nav-link-contact:hover {
background-color: #1e2d3d74;
color: white;
}
#nav-logo {
border-right: 1px solid #1E2D3D;
@apply text-menu-text font-fira_bold px-6 h-full flex items-center;
}
#nav-logo:hover {
background-color: #1e2d3d74;
color: white;
}
#nav-link.router-link-active, #nav-link-contact.router-link-active {
border-bottom: 1px solid #FF416C;
color: white;
}
#nav-logo.router-link-active {
border-right: 1px solid #1E2D3D;
border-bottom: none;
@apply text-menu-text;
}
#navbar > nav {
height: 45px;
font-size: 15px;
/* @apply items-center */
}
</style>