linxianzhuang/saasshop
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(admin-ui): align grid cards top (remove card+card margin in grids)

Browse Source
This commit is contained in:
萝卜
2026-03-16 12:34:12 +08:00
parent b7c1bfa724
commit 960e6e1c95
3 changed files with 32 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
tests/Feature/AdminDashboardKpiCardsShouldBeEqualHeightByCssGuardTest.php
View File

@@ -34,6 +34,14 @@ class AdminDashboardKpiCardsShouldBeEqualHeightByCssGuardTest extends TestCase
// 护栏：kpi-grid 应显式 stretch，且卡片应为 flex column（保证等高和脚注沉底）
$this->assertStringContainsString('.kpi-grid{', $css);
$this->assertStringContainsString('align-items:stretch', $css);
// 关键：grid 场景必须清理 admin-base.css 的 `.card + .card{margin-top:20px;}` 纵向堆叠规则
// 否则会出现“第一张卡在上、第二张卡整体下沉”的错位。
$this->assertStringContainsString('.kpi-grid .card{', $css);
$this->assertStringContainsString('margin-top:0', $css);
$this->assertStringContainsString('.two-col .card{', $css);
$this->assertStringContainsString('margin-top:0', $css);
$this->assertStringContainsString('.kpi-grid .card', $css);
$this->assertStringContainsString('display:flex', $css);
$this->assertStringContainsString('flex-direction:column', $css);