[bug]: 概览无线处多个ssid样式问题

[whf920521]

Describe the bug

多个ssid会并靠在一起，最后一个边框会比其他的底部大一圈

OpenWrt version

ImmortalWRT SNAPSHOT r0-8309553

DOM structure of the problematic area (optional)

No response

Plugin source (optional; if issue happens on a plugin page)

No response

Browser (optional; vendor + version)

Chrome 146.0.7680.80

Theme version (optional)

0.11.0

OS (optional; name + version)

Manjaro Linux

[eamonxg]

@claude

[github-actions]

Claude finished @eamonxg's task in 20m 58s —— View job

---

分析无线概览多 SSID 样式问题

• 查看截图，确认问题
• 定位相关 CSS/模板代码
• 识别样式问题根源
• 确定修复方案
• ⚠️ 无法推送（GitHub App 缺少写入权限）

---

问题根因

问题在 .dev/src/media/_patches.css 第 87 行，针对 .Dashboard 无线概览区域的 CSS 补丁：

/* 当前代码（有问题） */
@apply nth-3:relative nth-3:top-0 nth-3:w-full nth-3:px-0 max-md:flex-[1_1_50%];

多个 SSID 以表格列（td）形式横向排列时：

• 第 1、2 列（SSID 1、2）：默认 px-3 = 两侧各 12px 内边距
• 第 3 列（SSID 3）：被 nth-3:px-0 强制设为 零内边距

这导致：

1. 卡片紧靠：SSID 1-2 之间视觉间距 24px，SSID 2-3 之间只有 12px，最后一张看起来明显偏靠左
2. 最后一个底部边框更大：px-0 使第 3 张卡片内容贴着外层 table 的边框，而外层 table 在最后一列有 rounded-br-2xl 圆角效果（来自 _table.css :last-child .td:last-child），两层边框在底部右角视觉上叠加，产生"边框更厚"的观感

修复方案

在 _patches.css 中，移除 nth-3:px-0，让第 3 列使用 _table.css 里的默认 px-3 内边距，与前两列保持一致：

- @apply nth-3:relative nth-3:top-0 nth-3:w-full nth-3:px-0 max-md:flex-[1_1_50%];
+ @apply nth-3:relative nth-3:top-0 nth-3:w-full max-md:flex-[1_1_50%];

修复后，三个 SSID 卡片的水平内边距统一为 px-3，卡片间距对称（24px），且第 3 张卡片边框与外层容器之间有足够的视觉间隔，底部"大一圈"的问题消失。

修改完成后需要运行 pnpm build 重新生成 htdocs/luci-static/aurora/main.css。