# 2026-09-30｜管理後台 RWD 與下拉選單分析

## 工作內容

- 確認後台已有 RWD 基礎，包括側邊欄收合、篩選欄位重排、手機彈窗與表格橫向捲動。
- 定位下拉選單易跑版的主要風險：自訂選單位於多層捲動或 overflow 容器內，可能遭裁切；表格操作選單在手機橫向捲動後也較難定位。
- 提出方案：將複雜多選面板移至頁面頂層並依可視區域定位；手機複雜選單改用底部抽屜；簡單單選保留原生 select 並擴大觸控區；評估常用管理表格改為手機卡片。
- 建議以 iPhone Safari、Android Chrome 多種手機寬度，並涵蓋彈窗、表格捲動、畫面邊緣與虛擬鍵盤情境驗收。
- 本次僅分析與提出方案，未修改或發布程式；目前倉庫可見的後台前端為打包後 dist 檔，實作前宜先確認原始前端來源。
- 建立專案工作紀錄規則：所有專案共用一個已確認的子域名，以各自的 projectId 路徑區分，專案資料與發布設定維持獨立。
- 確認共用子域名為 pp888-work.momooai.com，工作紀錄路徑採 /log/\<projectId\>/；本專案 baseUrl 設為 https://pp888-work.momooai.com/log/dc-cog-clone/。此設定不代表 DNS、網域路由或 HTTPS 已驗證。
- 工作紀錄設定、資料與網站產物固定置於專案根目錄的 worklog/ 子資料夾，避免碰觸程式碼目錄。
- 建立共用 Cloudflare Pages 專案 pp888-work，於 production branch main 發布紀錄網站。Pages 官方網址 https://pp888-work.pages.dev/log/dc-cog-clone/ 已以 HTTPS 驗證回傳 200，內容正確。
- 已將 pp888-work.momooai.com 加入 Pages 專案，自訂網域關聯仍在初始化；目前以 pages.dev 網址提供。

## 相關文件與連結

- [Cloudflare Pages 工作紀錄](<https://pp888-work.pages.dev/log/dc-cog-clone/>)