lq/code-utils
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新若干功能

Browse Source
This commit is contained in:
李琦
2026-08-15 07:29:45 +08:00
parent ce00c9d193
commit 4954295961
9 changed files with 164 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
frontend/src/polish.css
View File

@@ -1,7 +1,8 @@
main{position:relative;overflow:visible}
main{position:relative;overflow:visible;min-height:0}
main::before{content:"";position:fixed;inset:0 0 0 232px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,black 14%,black 86%,transparent);animation:gridDrift 18s linear infinite;opacity:.55}
main::after{content:"";position:fixed;inset:0 0 0 232px;pointer-events:none;background:linear-gradient(115deg,transparent 0 35%,rgba(124,115,255,.1) 45%,transparent 56%);transform:translateX(-35%);animation:ambientSweep 12s ease-in-out infinite}
.page{position:relative;z-index:1}
/* 主内容区已是滚动容器，sticky 相对 main 顶边，不再叠加标题栏高度 */
html{--topbar-h:0px}
.sticky-head{position:sticky;top:calc(var(--topbar-h) + 8px);z-index:20;margin:-12px -10px 24px;padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:color-mix(in srgb,var(--surface) calc(clamp(.72, var(--glass-user-opacity, .55) + .18, .94) * 100%),transparent);backdrop-filter:blur(24px) saturate(140%);box-shadow:0 16px 38px rgba(0,0,0,.22)}
@supports not (backdrop-filter:blur(1px)){.sticky-head{background:color-mix(in srgb,var(--surface) 97%,transparent)}}
@@ -498,7 +499,7 @@ html[data-theme=light] .heat-cell.l1{background:#b9efd4}html[data-theme=light] .
.calendar-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(230px,1fr);gap:20px;align-items:start}
.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px;color:var(--muted);font-size:12px;text-align:center}
/* 面板撑满可用视口高度，格子行高 1fr 平分剩余空间，窗口越大格子越高 */
.calendar-grid-panel{display:flex;flex-direction:column;min-height:calc(100vh - var(--topbar-h) - 196px)}
.calendar-grid-panel{display:flex;flex-direction:column;min-height:calc(100vh - var(--titlebar-h, 40px) - 196px)}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;grid-auto-rows:minmax(86px,1fr);flex:1}
.calendar-cell{position:relative;min-height:86px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);padding:6px;display:flex;flex-direction:column;gap:4px;cursor:pointer;text-align:left;color:var(--text);transition:border-color .15s,background .15s}
.calendar-cell:hover{border-color:var(--primary)}
@@ -627,7 +628,7 @@ html[data-theme=light] .heat-cell.l1{background:#b9efd4}html[data-theme=light] .
.ai-key-notice>div{flex:1;display:grid;gap:3px}
.ai-key-notice small{color:var(--muted)}
/* AI 页固定视口高度：页面自身不滚动，左历史/右会话各自内部滚动 */
.ai-page{height:calc(100vh - var(--topbar-h));display:flex;flex-direction:column;overflow:hidden;padding-bottom:22px}
.ai-page{height:calc(100vh - var(--titlebar-h, 40px));display:flex;flex-direction:column;overflow:hidden;padding-bottom:22px}
.ai-page .sticky-head{position:static;flex:none;margin:-12px -10px 18px}
.ai-page .ai-key-notice{flex:none}
.ai-layout{flex:1;min-height:0;display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:stretch}
@@ -1780,6 +1781,43 @@ html[data-theme=light] .ph-stats{background:rgba(255,255,255,.5)}
/* ============ 无边框自定义标题栏（logo + 菜单 + 窗控同一行） ============ */
:root{--titlebar-h:40px}
html,body,#app{height:100%;overflow:hidden}
/* 只有主内容区滚动；侧栏不设 overflow:auto，避免滚动条夹在 rail 中间、裁切铃铛/飞出菜单 */
.shell{
height:100%;
min-height:0;
overflow:hidden;
}
.shell main{
margin-top:var(--titlebar-h);
height:calc(100% - var(--titlebar-h));
min-height:0;
overflow-x:hidden;
overflow-y:auto;
}
.shell .sidebar{
top:var(--titlebar-h);
bottom:0;
height:auto;
overflow:visible;
z-index:30;
}
.shell .side-sub{
min-height:0;
overflow-x:hidden;
overflow-y:auto;
}
.shell main::before,.shell main::after{top:var(--titlebar-h)}
.with-titlebar,.boot-loading.with-titlebar{padding-top:var(--titlebar-h);height:100%;min-height:0;box-sizing:border-box;overflow:auto}
.setup-screen.with-titlebar{height:100%;min-height:0;overflow:auto}
/* 细滚动条，避免 WebView 默认粗条显得像网页 */
.shell main,.shell .side-sub,.bell-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 55%,transparent) transparent}
.shell main::-webkit-scrollbar,.shell .side-sub::-webkit-scrollbar,.bell-list::-webkit-scrollbar{width:8px;height:8px}
.shell main::-webkit-scrollbar-track,.shell .side-sub::-webkit-scrollbar-track,.bell-list::-webkit-scrollbar-track{background:transparent}
.shell main::-webkit-scrollbar-thumb,.shell .side-sub::-webkit-scrollbar-thumb,.bell-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 45%,transparent);border-radius:999px;border:2px solid transparent;background-clip:content-box}
.shell main::-webkit-scrollbar-thumb:hover,.shell .side-sub::-webkit-scrollbar-thumb:hover,.bell-list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--muted) 70%,transparent);border:2px solid transparent;background-clip:content-box}
.titlebar{
position:fixed;inset:0 0 auto 0;height:var(--titlebar-h);z-index:40;
display:flex;align-items:center;gap:4px;padding:0 0 0 10px;
@@ -1828,12 +1866,6 @@ html[data-theme=light] .ph-stats{background:rgba(255,255,255,.5)}
.tb-win:hover{background:var(--surface-3);color:var(--text)}
.tb-win.close:hover{background:#e04852;color:#fff}
/* 侧栏/主区为标题栏让出顶部空间 */
.shell .sidebar{top:var(--titlebar-h)}
.shell main{margin-top:var(--titlebar-h);min-height:calc(100vh - var(--titlebar-h))}
.shell main::before,.shell main::after{top:var(--titlebar-h)}
.with-titlebar,.boot-loading.with-titlebar{padding-top:var(--titlebar-h);min-height:100vh;box-sizing:border-box}
.setup-screen.with-titlebar,.boot-loading.with-titlebar{min-height:100vh}
.rail-flyout{top:auto}
.side-rail{padding-top:10px}
.side-sub{padding-top:10px}