ShadowsOverWestgate/sow-nodebb-theme
3
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Activity

feat: expand article reader layout

Browse Source 
Co-authored-by: Claude <noreply@anthropic.com>
This commit is contained in:
archvillainette
2026-07-15 13:48:24 +02:00
co-authored by Claude
parent cb7432149b
commit 36fd88a013
1 changed files with 27 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/westgate/_pages.scss
+27 -8
View File
@@ -571,8 +571,6 @@ a.sow-card:hover {
} }
.sow-article { .sow-article {
max-width: 760px;
margin: 0 auto;
padding: var(--wg-space-lg) 0; padding: var(--wg-space-lg) 0;
header h1 { header h1 {
@@ -590,9 +588,15 @@ a.sow-card:hover {
} }
.sow-article-body { .sow-article-body {
padding: var(--wg-space-md);
color: var(--wg-text-soft); color: var(--wg-text-soft);
font-size: 1.0625rem; font-size: 1.0625rem;
line-height: 1.7; line-height: 1.7;
background: var(--wg-ledger-panel);
border: 1px solid var(--wg-ledger-border);
border-left-color: rgba(194, 163, 90, 0.32);
border-radius: 6px;
box-shadow: var(--wg-ledger-shadow);
h2 { h2 {
margin: var(--wg-space-xl) 0 var(--wg-space-sm); margin: var(--wg-space-xl) 0 var(--wg-space-sm);
@@ -671,12 +675,18 @@ a.sow-card:hover {
.sow-article-neighbors a { .sow-article-neighbors a {
display: flex; display: flex;
flex-direction: column; align-items: baseline;
flex: 1; gap: var(--wg-space-xs);
padding: var(--wg-space-md); }
background: var(--wg-velvet-panel);
border: 1px solid var(--wg-border); .sow-article-older {
border-radius: 8px; margin-right: auto;
}
.sow-article-newer {
justify-content: flex-end;
margin-left: auto;
text-align: right;
} }
.sow-article-neighbors span { .sow-article-neighbors span {
@@ -686,6 +696,11 @@ a.sow-card:hover {
color: var(--wg-text-muted); color: var(--wg-text-muted);
} }
.sow-article-neighbors .sow-article-arrow {
font-size: 1.5rem;
line-height: 1;
}
.sow-related { .sow-related {
margin-top: var(--wg-space-xl); margin-top: var(--wg-space-xl);
} }
@@ -722,4 +737,8 @@ a.sow-card:hover {
.sow-article-neighbors { .sow-article-neighbors {
flex-direction: column; flex-direction: column;
} }
.sow-article-newer {
align-self: flex-end;
}
} }