juluo/fuwari
1
0
Fork 0
mirror of https://github.com/afoim/fuwari.git synced 2026-01-31 09:03:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(Pagination): 更新分页按钮的样式和交互效果

Browse Source 
添加悬停和点击状态背景色，调整文字颜色并增加过渡效果
This commit is contained in:
二叉树树
2025-09-05 04:11:47 +08:00
parent 1d5b8ee81f
commit 9a4fb5724d
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/control/Pagination.astro
View File

@@ -69,7 +69,7 @@ const getPageUrl = (p: number) => {
{p}
</div>
return <a href={url(getPageUrl(p))} aria-label=`Page ${p}`
class="btn-card w-11 h-11 rounded-lg overflow-hidden active:scale-[0.85]"
class="transition flex items-center justify-center w-11 h-11 rounded-lg overflow-hidden active:scale-[0.85] hover:bg-[var(--btn-card-bg-hover)] active:bg-[var(--btn-card-bg-active)] text-black/75 dark:text-white/75"
>{p}</a>
})}
</div>