From 61153ddae1678542b5ed952f5b8f8cf27b04b3c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=90=9D=E5=8D=9C?= <dev@saasshop.local>
Date: Mon, 16 Mar 2026 01:34:25 +0800
Subject: [PATCH] chore(admin-ui): refine list-card table borders and rounding

---
 public/css/admin-components.css               |  7 ++++
 ...istCardTableShouldHaveCleanBordersTest.php | 40 +++++++++++++++++++
 2 files changed, 47 insertions(+)
 create mode 100644 tests/Feature/AdminComponentsCssListCardTableShouldHaveCleanBordersTest.php

diff --git a/public/css/admin-components.css b/public/css/admin-components.css
index e70a555..5c325ea 100644
--- a/public/css/admin-components.css
+++ b/public/css/admin-components.css
@@ -152,10 +152,17 @@
 .list-card-body{
     border-top:1px solid var(--adm-border-color, #e5e7eb);
     padding:0;
+    overflow:hidden;
 }
 
 .list-card-table{
     margin:0;
+    border-collapse:separate;
+    border-spacing:0;
+}
+
+.list-card-table tbody tr:last-child td{
+    border-bottom:none;
 }
 
 .list-card-table th,
diff --git a/tests/Feature/AdminComponentsCssListCardTableShouldHaveCleanBordersTest.php b/tests/Feature/AdminComponentsCssListCardTableShouldHaveCleanBordersTest.php
new file mode 100644
index 0000000..0f0ca86
--- /dev/null
+++ b/tests/Feature/AdminComponentsCssListCardTableShouldHaveCleanBordersTest.php
@@ -0,0 +1,40 @@
+<?php
+
+namespace Tests\Feature;
+
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Tests\TestCase;
+
+class AdminComponentsCssListCardTableShouldHaveCleanBordersTest extends TestCase
+{
+    use RefreshDatabase;
+
+    protected function loginAsPlatformAdmin(): void
+    {
+        $this->seed();
+
+        $this->post('/admin/login', [
+            'email' => 'platform.admin@demo.local',
+            'password' => 'Platform@123456',
+        ])->assertRedirect('/admin');
+    }
+
+    public function test_admin_components_css_list_card_table_should_have_clean_borders(): void
+    {
+        $this->loginAsPlatformAdmin();
+
+        $css = file_get_contents(public_path('css/admin-components.css'));
+        $this->assertIsString($css);
+
+        // List Card 表格应通过 overflow+separate 模式实现“边界干净”，避免最后一行多一条底线。
+        $this->assertStringContainsString('.list-card-body{', $css);
+        $this->assertStringContainsString('overflow:hidden', $css);
+
+        $this->assertStringContainsString('.list-card-table{', $css);
+        $this->assertStringContainsString('border-collapse:separate', $css);
+        $this->assertStringContainsString('border-spacing:0', $css);
+
+        $this->assertStringContainsString('.list-card-table tbody tr:last-child td{', $css);
+        $this->assertStringContainsString('border-bottom:none', $css);
+    }
+}