Skip to content

fix: layout shift during code nav from root to any file/dir #75

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
danielroe merged 2 commits into from
Jan 25, 2026
+2 −1
Merged

fix: layout shift during code nav from root to any file/dir #75

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8775d53
fix: layout shift during code nav from root to any file/dir
devdumpling Jan 25, 2026
8ec99ad
Merge branch 'main' into dwells-fix-code-layout-shift
devdumpling Jan 25, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion app/pages/code/[...path].vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -339,16 +339,17 @@ useSeoMeta({

<!-- Breadcrumb navigation -->
<nav
v-if="filePath"
aria-label="File path"
class="flex items-center gap-1 font-mono text-sm overflow-x-auto"
>
<NuxtLink
v-if="filePath"
:to="getCodeUrl()"
class="text-fg-muted hover:text-fg transition-colors shrink-0"
>
root
</NuxtLink>
<span v-else class="text-fg shrink-0">root</span>
Comment on lines +346 to +352
Copy link
Copy Markdown
Contributor Author

@devdumpling devdumpling Jan 25, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Idea here was to only have the link outside of the root, but can simplify if this is overly complex for breadcrumb linkage.

<template v-for="(crumb, i) in breadcrumbs" :key="crumb.path">
<span class="text-fg-subtle">/</span>
<NuxtLink
Expand Down