diff --git a/css/style.css b/css/style.css index d093421..884c02c 100644 --- a/css/style.css +++ b/css/style.css @@ -949,11 +949,20 @@ img.nav-svg-icon { /* ======================================== PAGINATION ======================================== */ +.pagination { + display: flex; + gap: 0.4rem; +} + .pagination .page-link { + display: inline-flex; + align-items: center; + justify-content: center; + min-width: 2.6rem; background: var(--bg-surface); border: 1px solid var(--border-color); color: var(--text-primary); - padding: 0.55rem 1.1rem; + padding: 0.55rem 0.9rem; border-radius: var(--radius-sm); font-weight: 500; transition: all 0.2s ease; @@ -966,6 +975,25 @@ img.nav-svg-icon { transform: translateY(-2px); } +/* Compact prev/next arrow buttons */ +.pagination .page-link.is-arrow { + min-width: 0; + padding: 0.55rem 0.7rem; +} + +.pagination .page-link.is-arrow .bd-icon { + margin-right: 0; +} + +/* Current page: highlighted, non-interactive */ +.pagination .page-item.active .page-link { + background: var(--accent); + color: var(--accent-contrast); + border-color: var(--accent); + transform: none; + cursor: default; +} + .pagination .page-item.disabled .page-link { background: var(--bg-subtle); color: var(--text-muted); diff --git a/languages/en.json b/languages/en.json index 9fc5994..fb44154 100644 --- a/languages/en.json +++ b/languages/en.json @@ -7,6 +7,8 @@ "Toggle theme": "Toggle theme", "Author": "Author", "Skip to content": "Skip to content", + "Pagination": "Pagination", + "RSS": "RSS", "Copy": "Copy", "Copied": "Copied", "Copy code": "Copy code", diff --git a/php/home.php b/php/home.php index bf487cd..6eb563c 100644 --- a/php/home.php +++ b/php/home.php @@ -16,15 +16,17 @@ - -
- $label) : ?> - - <?php echo htmlspecialchars($label, ENT_QUOTES, 'UTF-8') ?> - - -
- +
+ $label) : ?> + + <?php echo htmlspecialchars($label, ENT_QUOTES, 'UTF-8') ?> + + + + + <?php echo $L->get('RSS'); ?> + +
@@ -85,30 +87,54 @@ 1) : ?> -