Leo
751ee74f19
## ① logo 尺寸不對導致白邊
真兇：我寫死 height:22px **沒給 width:auto** ⇒ 容器一壓就變形、露出底板邊緣。
修：照 portal 側欄同一條 clamp(22px,5vw,28px) + width:auto + max-width:100%，
並依 CIS「clear space = one chevron height」在四邊留白。
實測：logo 底板與品牌區落差 **0**（原本是明顯方塊）。
## ② 深色跟網頁不同／「它有淺色佈景？」
是——**portal 預設淺色**，深色由使用者切換並存 localStorage。
我卻硬跟系統走 ⇒ 兩邊當然不同。
修：改成與 portal 同一套（預設淺色＋切換鈕＋localStorage），
按鈕規格也逐字對齊 portal 的 .btn/.btn3（padding/font-size/radius/border）。
實測淺色：品牌區(253,252,251)=Paper、側欄(242,241,237)=Canvas，與 CIS 一致。
## ③ 「開啟知識庫網頁」開到錯的庫
真兇：它在首頁、寫死取 accounts[0] ⇒ 有兩個庫必然開錯。
修：移到**各庫頁的上方**，開的就是那個庫。
## ④⑤ 30 個資料夾放不下／「加入資料夾」會加到哪個帳號？
修：**每個知識庫一個獨立分頁**（側邊欄動態列出，附資料夾數）。
「加入資料夾」在庫頁裡，**作用對象就是那個庫**，不會加錯。
## ⑥ 首頁要顯示 status（看守／發現變化／萃取／上傳）
修：首頁改成**狀態時間軸**四步，進行中那步的圓點會呼吸。
誠實邊界：collector 目前回報「整輪」而非逐檔階段，
所以同步中時後三步一起標進行中，**不假裝有更細的進度**。
兩支機械閘全過（check-cis.sh 14 項／check-render.sh 深淺色皆驗）。
style.css 仍是 0 個 hex（顏色全走 var）。
50 lines
1.8 KiB
HTML
50 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-Hant">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
|
<title>Arcrun</title>
|
|
<!-- 🔴 共用底層：色票／字體／紙張紋理的**唯一真相源**是 arcrun-cis/css/arcrun-cis.css。
|
|
leo 08-04：「不會這裡又寫了一個新的 CSS？前面剛剛才說過不要創造新的？」
|
|
⇒ 這份是複製進來給 build 用的，**要改配色去改 arcrun-cis/css/ 那份**。 -->
|
|
<link rel="stylesheet" href="./src/arcrun-cis.css"/>
|
|
<link rel="stylesheet" href="./src/style.css"/>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<!-- ── 左側邊欄（Google Drive 風格；leo：「左方側邊欄，在右方替換頁面」）── -->
|
|
<aside id="side">
|
|
<div class="brand">
|
|
<img class="wm-ink" src="./src/assets/arcrun-lockup-h-ink.png" alt="Arcrun"/>
|
|
<img class="wm-paper" src="./src/assets/arcrun-lockup-h-paper-on-ink.png" alt="Arcrun"/>
|
|
</div>
|
|
|
|
<!-- 側邊欄由 JS 依帳號數動態產生（每個知識庫一頁，leo 08-04 指定） -->
|
|
<nav id="nav"></nav>
|
|
|
|
<div class="side-foot">
|
|
<div class="ver" id="ver"></div>
|
|
</div>
|
|
</aside>
|
|
|
|
<!-- ── 右側內容區（換頁）── -->
|
|
<section id="content">
|
|
<header>
|
|
<div class="status">
|
|
<div class="big" id="statusBig">啟動中…</div>
|
|
<div class="sub" id="statusSub"></div>
|
|
</div>
|
|
<button id="themeBtn" title="切換淺色／深色">◐</button>
|
|
<button class="primary" id="btnSync">立刻同步</button>
|
|
</header>
|
|
<main id="page"></main>
|
|
</section>
|
|
</div>
|
|
|
|
<!-- 內嵌覆蓋層，不另開小視窗 -->
|
|
<div class="overlay" id="overlay"><div class="sheet" id="sheet"></div></div>
|
|
|
|
<script src="./src/main.js" type="module"></script>
|
|
</body>
|
|
</html>
|