diff options
| author | Eltrac <hi@guhub.cn> | 2025-04-29 14:01:21 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-04-29 14:01:21 +0800 |
| commit | 8e7bf0f70127eff912e3822b7a4956e5bdc9522a (patch) | |
| tree | 5caf2f848b7c6c8483d2528bdf9fb15eb2bef99a /assets/css/components | |
| parent | b197beb420982af58d964bf9194dc89a1c7cd4da (diff) | |
feat: post bottom navigation
allow users to navigate between posts in a timeline order
Former-commit-id: 0cdd86faae1075f08f7493e5f2e8635fbb9577de
Diffstat (limited to 'assets/css/components')
| -rw-r--r-- | assets/css/components/_post.scss | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/assets/css/components/_post.scss b/assets/css/components/_post.scss index 69c8163e..4497a7cc 100644 --- a/assets/css/components/_post.scss +++ b/assets/css/components/_post.scss @@ -95,3 +95,30 @@ } } } + +.post-bottom-navigation { + ul { + list-style: none; + padding: 0; + margin: 0; + display: flex; + gap: 0.5rem; + justify-content: space-between; + align-items: center; + li { + &:not(:nth-child(2)) { + width: 37.5%; + } + &:nth-child(3) { + text-align: right; + } + a { + color: var(--secondary-text-color); + text-decoration: none; + &:hover { + color: var(--primary-color); + } + } + } + } +} |
