diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-20 14:35:53 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-20 14:35:53 +0200 |
| commit | 8910a692432ebf8d32948f08172fad943c70b78f (patch) | |
| tree | 2598bf1b5870277f365c13c27285d195c34f1513 /themes/danix-xyz-hacker/layouts | |
| parent | 5ff47a6d30bc8e53a17d8e81bfcc1149400aee91 (diff) | |
| download | danixxyz-8910a692432ebf8d32948f08172fad943c70b78f.tar.gz danixxyz-8910a692432ebf8d32948f08172fad943c70b78f.zip | |
fix: make prev-next navigation responsive on mobile
Stack links vertically on narrow screens, removing max-width constraints to prevent text truncation. Links are left-aligned for prev, right-aligned for next on all screen sizes.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Diffstat (limited to 'themes/danix-xyz-hacker/layouts')
| -rw-r--r-- | themes/danix-xyz-hacker/layouts/partials/article-nav.html | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/themes/danix-xyz-hacker/layouts/partials/article-nav.html b/themes/danix-xyz-hacker/layouts/partials/article-nav.html index d7f8ca3..8a118b3 100644 --- a/themes/danix-xyz-hacker/layouts/partials/article-nav.html +++ b/themes/danix-xyz-hacker/layouts/partials/article-nav.html @@ -18,13 +18,13 @@ {{/* ---- Previous (left side) ---- */}} {{ if $prev }} <a href="{{ $prev.Permalink }}" - class="article-nav-link truncate max-w-[45%]" + class="article-nav-link truncate md:max-w-[45%] text-left" rel="prev" title="{{ $prev.Title }}"> ◄ {{ $prev.Title }} </a> {{ else }} - <span class="article-nav-placeholder" aria-label="Beginning of articles"> + <span class="article-nav-placeholder text-left" aria-label="Beginning of articles"> ◄ (beginning) </span> {{ end }} @@ -32,7 +32,7 @@ {{/* ---- Next (right side) ---- */}} {{ if $next }} <a href="{{ $next.Permalink }}" - class="article-nav-link truncate max-w-[45%] text-right" + class="article-nav-link truncate md:max-w-[45%] text-right" rel="next" title="{{ $next.Title }}"> {{ $next.Title }} ► |