Skip to content

更新相簿頁面瀏覽體驗 - #189

Merged
TonyPepeBear merged 3 commits into
masterfrom
agent/optimize-gallery-pages
Jul 11, 2026
Merged

更新相簿頁面瀏覽體驗#189
TonyPepeBear merged 3 commits into
masterfrom
agent/optimize-gallery-pages

Conversation

@TonyPepeBear

Copy link
Copy Markdown
Member

變更內容

  • 將相簿列表改為響應式卡片網格,避免手機版與桌機版重複渲染同一張圖片
  • 改善搜尋結果提示、無結果狀態與分頁操作
  • 將單一相簿改為自適應圖片網格
  • 補強鍵盤焦點、ARIA 標籤、觸控區域與 reduced-motion 支援

原因與影響

原本每張相簿卡片同時渲染手機版及桌機版圖片,可能造成重複下載與多餘 DOM。這次調整可降低圖片載入負擔,並讓桌面及手機上的瀏覽、搜尋與放大操作更清楚一致。

驗證

  • yarn exec -- prettier --check src/pages/gallery_list.js src/templates/gallery.js src/css/gallery.css src/css/pagination.css
  • yarn build
  • 瀏覽器驗證 1280px 桌面與 375px 手機列表版面
  • 驗證搜尋空狀態、圖片節點數量與單一相簿網格

@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Jul 11, 2026

Copy link
Copy Markdown

Deploying website2022 with  Cloudflare Pages  Cloudflare Pages

Latest commit: 13f3d6e
Status: ✅  Deploy successful!
Preview URL: https://1440b9bf.website2022.pages.dev
Branch Preview URL: https://agent-optimize-gallery-pages.website2022.pages.dev

View logs

@TonyPepeBear
TonyPepeBear marked this pull request as ready for review July 11, 2026 19:25
@TonyPepeBear
TonyPepeBear merged commit 99ce38e into master Jul 11, 2026
5 checks passed
@TonyPepeBear
TonyPepeBear deleted the agent/optimize-gallery-pages branch July 11, 2026 19:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant