diff --git a/apps/src/app/accounts/accounts-page-view.tsx b/apps/src/app/accounts/accounts-page-view.tsx index 5a7263a77..3e01d29de 100644 --- a/apps/src/app/accounts/accounts-page-view.tsx +++ b/apps/src/app/accounts/accounts-page-view.tsx @@ -816,7 +816,7 @@ export function AccountsPageView(props: AccountsPageViewProps) { - +
diff --git a/apps/src/app/globals.css b/apps/src/app/globals.css index 006c39870..caee4969e 100644 --- a/apps/src/app/globals.css +++ b/apps/src/app/globals.css @@ -1010,20 +1010,27 @@ tr { .table-sticky-action-head { z-index: 4; - background: var(--console-panel-strong); + background: var(--card-solid); } .table-sticky-action-cell { z-index: 3; - background: var(--console-panel); + background: var(--card-solid); +} + +[data-appearance='modern'] .table-sticky-action-head, +[data-appearance='modern'] .table-sticky-action-cell { + -webkit-backdrop-filter: none; + backdrop-filter: none; + background: var(--card-solid); } [data-slot="table-body"] [data-slot="table-row"]:hover .table-sticky-action-cell { - background: var(--table-row-hover-bg); + background: color-mix(in srgb, var(--card-solid) 94%, rgb(var(--primary-rgb)) 6%); } [data-slot="table-body"] [data-slot="table-row"][data-state="selected"] .table-sticky-action-cell { - background: var(--table-row-selected-bg); + background: color-mix(in srgb, var(--card-solid) 90%, rgb(var(--primary-rgb)) 10%); } /* 🚀 Performance Mode Logic (Fixed Selectors) */ diff --git a/apps/src/components/layout/app-frame.tsx b/apps/src/components/layout/app-frame.tsx index d5e8422e7..0ce88d3f8 100644 --- a/apps/src/components/layout/app-frame.tsx +++ b/apps/src/components/layout/app-frame.tsx @@ -59,16 +59,11 @@ export function AppFrame({ children }: { children: React.ReactNode }) { data-slot="app-main-column" className="flex min-w-0 flex-1 flex-col overflow-hidden" > -
-
-
- - -
-
+
+
+ + +
); diff --git a/apps/tests/app-frame-scale.test.mjs b/apps/tests/app-frame-scale.test.mjs index 64fbcf5df..db4175315 100644 --- a/apps/tests/app-frame-scale.test.mjs +++ b/apps/tests/app-frame-scale.test.mjs @@ -14,12 +14,13 @@ const appFramePath = path.join( "app-frame.tsx", ); -test("宽屏主内容区使用 90% 视觉比例并补偿布局尺寸", async () => { +test("主内容区保持普通布局,浮层和 sticky 使用同一坐标系", async () => { const source = await fs.readFile(appFramePath, "utf8"); - assert.match(source, /data-slot="app-main-scale"/); - assert.match(source, /xl:scale-90/); - assert.match(source, /xl:h-\[111\.111111%\]/); - assert.match(source, /xl:w-\[111\.111111%\]/); - assert.match(source, /origin-top-left/); + assert.doesNotMatch(source, /data-slot="app-main-scale"/); + assert.doesNotMatch(source, /xl:scale-90/); + assert.doesNotMatch(source, /xl:\[zoom:0\.9\]/); + assert.doesNotMatch(source, /xl:h-\[111\.111111%\]/); + assert.doesNotMatch(source, /xl:w-\[111\.111111%\]/); + assert.match(source, /
[\s\S]*