Pumpkin-MC/Pumpkin-Blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix nav

Browse Source
This commit is contained in:
Bjorn Beishline 2026-02-05 22:33:45 -07:00
parent bc703961cc
commit 31fe7a40e4
2 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/BlogList.vue
View File

@ -35,5 +35,3 @@ const { data: posts } = await useAsyncData("blog-posts", () => {
</NuxtLink> </NuxtLink>
</div> </div>
</template> </template>
<style scoped></style>

28
app/components/Nav.vue
View File

@ -56,17 +56,39 @@
<style scoped> <style scoped>
@reference "@/assets/css/main.css" @reference "@/assets/css/main.css"
.nav {
display: flex;
gap: 0.5rem;
}
.nav a { .nav a {
@apply px-5 py-2.5 no-underline text-muted font-semibold text-base relative transition-all duration-150 ease-in-out; padding: 0.6rem 1.25rem;
text-decoration: none;
@apply text-muted;
font-weight: 600;
font-size: 1rem;
position: relative;
transition: all 0.15s ease;
} }
.nav a::after { .nav a::after {
@apply content-[''] absolute bottom-0 left-1/2 -translate-x-1/2 w-0 h-0.75 bg-primary transition-[width] duration-150 ease-in-out; content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 3px;
@apply bg-primary;
transition: width 0.15s ease;
} }
.nav a:hover { .nav a:hover {
@apply text-foreground; @apply text-foreground;
} }
.nav a:hover::after { .nav a:hover::after {
@apply w-full; width: 100%;
} }
.icon-btn { .icon-btn {