diff --git a/public/css/admin-components.css b/public/css/admin-components.css index 5aad80c..97f40e2 100644 --- a/public/css/admin-components.css +++ b/public/css/admin-components.css @@ -24,7 +24,7 @@ border-radius:var(--adm-radius, 12px); padding:12px 12px; color:var(--adm-text, #0f172a); - box-shadow:var(--adm-shadow-popover, 0 12px 30px rgba(15, 23, 42, .12)); + box-shadow:var(--adm-shadow-popover); display:flex; align-items:flex-start; justify-content:space-between; @@ -167,7 +167,7 @@ background:var(--adm-bg-container, #ffffff); color:var(--adm-text, #0f172a); text-decoration:none; - box-shadow:var(--adm-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.06)); + box-shadow:var(--adm-shadow-sm); } .adm-page-ellipsis{ @@ -250,7 +250,7 @@ .list-card-table .table-empty{ padding:24px 12px; text-align:center; - background:var(--adm-surface-tint, rgba(15, 23, 42, .02)); + background:var(--adm-surface-tint); } /* 可复用:PageHeader(参考 Ant Design Pro:标题区 + 描述 + 右侧操作区) */ @@ -549,7 +549,7 @@ border:1px solid var(--adm-border-color, #e5e7eb); border-radius:var(--adm-radius, 12px); padding:10px; - box-shadow:var(--adm-shadow-popover, 0 12px 30px rgba(15, 23, 42, .12)); + box-shadow:var(--adm-shadow-popover); z-index:100; } diff --git a/tests/Feature/AdminComponentsCssShouldUseTokenOnlyForShadowAndSurfaceTintTest.php b/tests/Feature/AdminComponentsCssShouldUseTokenOnlyForShadowAndSurfaceTintTest.php new file mode 100644 index 0000000..35b8d5f --- /dev/null +++ b/tests/Feature/AdminComponentsCssShouldUseTokenOnlyForShadowAndSurfaceTintTest.php @@ -0,0 +1,34 @@ +seed(); + + $this->post('/admin/login', [ + 'email' => 'platform.admin@demo.local', + 'password' => 'Platform@123456', + ])->assertRedirect('/admin'); + } + + public function test_admin_components_css_should_use_token_only_for_shadow_and_surface_tint(): void + { + $this->loginAsPlatformAdmin(); + + $css = file_get_contents(public_path('css/admin-components.css')); + $this->assertIsString($css); + + // 护栏:popover/sm 阴影与 surface tint 应“token-only”,避免回退时把 rgba(...) fallback 再带回来污染扫描护栏。 + $this->assertStringNotContainsString('var(--adm-shadow-popover,', $css); + $this->assertStringNotContainsString('var(--adm-shadow-sm,', $css); + $this->assertStringNotContainsString('var(--adm-surface-tint,', $css); + } +}