lywsvip/ThriveX-Blog
1
0
Fork 0
mirror of https://github.com/LiuYuYang01/ThriveX-Blog.git synced 2026-06-20 12:32:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化相册页面导航按钮样式，增加z-index以确保按钮在其他元素之上显示，提升用户交互体验。

Browse Source
This commit is contained in:
神秘人
2025-04-25 19:48:28 +08:00
parent 785130fdae
commit a856bdef3b
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/album/[id]/page.tsx
View File

@@ -212,7 +212,7 @@ export default function AlbumPage(props: Props) {
{/* 导航按钮 */}
<button
className="flex justify-center items-center absolute left-4 top-1/2 -translate-y-1/2 p-2 rounded-full bg-[#fff3] hover:bg-black/50 backdrop-blur-md transition-colors duration-200"
className="flex justify-center items-center absolute left-4 top-1/2 z-10 -translate-y-1/2 p-2 rounded-full bg-[#fff3] hover:bg-black/50 backdrop-blur-md transition-colors duration-200"
onClick={(e) => {
e.stopPropagation()
prevPhoto()
@@ -222,7 +222,7 @@ export default function AlbumPage(props: Props) {
</button>
<button
className="flex justify-center items-center absolute right-4 top-1/2 -translate-y-1/2 p-2 rounded-full bg-[#fff3] hover:bg-black/10 backdrop-blur-md transition-colors duration-200"
className="flex justify-center items-center absolute right-4 top-1/2 z-10 -translate-y-1/2 p-2 rounded-full bg-[#fff3] hover:bg-black/10 backdrop-blur-md transition-colors duration-200"
onClick={(e) => {
e.stopPropagation()
nextPhoto()