anas/divan
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

Reading pages: previous/next buttons centred, پچھلا on the right and اگلا on the left

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Anas Rashid 2026-10-09 01:11:10 +02:00
parent ad82ad3957
commit ff814a7b76
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/pages/[...path].astro
View File

@ -133,8 +133,8 @@ const title = page.type === 'poem' ? page.poem.title : page.type === 'poet' ? pa
</article> </article>
<p class="muted hint">کسی لفظ کو منتخب کریں تو اس کے معنی اور تلفظ ساتھ نظر آئیں گے۔</p> <p class="muted hint">کسی لفظ کو منتخب کریں تو اس کے معنی اور تلفظ ساتھ نظر آئیں گے۔</p>
<nav class="poem-nav"> <nav class="poem-nav">
{page.next ? <a href={page.next}>اگلا ›</a> : <span />} {page.prev && <a href={page.prev} rel="prev">‹ پچھلا</a>}
{page.prev ? <a href={page.prev}>‹ پچھلا</a> : <span />} {page.next && <a href={page.next} rel="next">اگلا ›</a>}
</nav> </nav>
{page.divan && ( {page.divan && (
<p class="source divan-edit"> <p class="source divan-edit">

2
web/src/styles/global.css
View File

@ -105,7 +105,7 @@ h1::after { content: ''; display: block; width: 140px; height: 2px; background:
.couplet p, .couplet p + p { text-align: center; } .couplet p, .couplet p + p { text-align: center; }
.couplet::after { display: none; } .couplet::after { display: none; }
} }
.poem-nav { display: flex; justify-content: space-between; } .poem-nav { display: flex; justify-content: center; gap: 12px; } /* RTL: پچھلا on the right, اگلا on the left */
.poem-nav a { border: 1.5px solid var(--border); background: var(--inner); border-radius: 10px; padding: 0 14px; } .poem-nav a { border: 1.5px solid var(--border); background: var(--inner); border-radius: 10px; padding: 0 14px; }
.source { text-align: center; font-size: .85rem; color: var(--muted); } .source { text-align: center; font-size: .85rem; color: var(--muted); }