style: 导入卡片间距 gap 12→16px + align stretch 等高

This commit is contained in:
qinglong
2026-06-13 18:46:57 +08:00
parent d0206121b1
commit 9c1a1d40e4
+2 -2
View File
@@ -10,7 +10,7 @@
</div> </div>
<!-- ── 导入区域 ── --> <!-- ── 导入区域 ── -->
<div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:flex-start"> <div style="display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap;align-items:stretch">
<div class="import-card"> <div class="import-card">
<div class="card-title">📦 导入 ZIP 包</div> <div class="card-title">📦 导入 ZIP 包</div>
<label class="file-label" for="zip-file">选择 .zip 文件</label> <label class="file-label" for="zip-file">选择 .zip 文件</label>
@@ -46,7 +46,7 @@
.plugin-row .info { flex:1;min-width:0 } .plugin-row .info { flex:1;min-width:0 }
.plugin-row .name { font-weight:600 } .plugin-row .ver { font-size:.75rem;color:var(--text-dim) } .plugin-row .name { font-weight:600 } .plugin-row .ver { font-size:.75rem;color:var(--text-dim) }
.plugin-row .error-tag { font-size:.75rem;color:var(--error) } .plugin-row .error-tag { font-size:.75rem;color:var(--error) }
.import-card { flex:1;min-width:280px;padding:14px;background:var(--md-sys-color-surface-container);border-radius:var(--shape-sm);display:flex;flex-direction:column;gap:8px } .import-card { flex:1;min-width:280px;padding:14px;background:var(--md-sys-color-surface-container);border-radius:var(--shape-sm);display:flex;flex-direction:column;gap:8px;margin-bottom:4px }
.import-card .card-title { font-weight:600 } .import-card .card-title { font-weight:600 }
.import-card .card-actions { display:flex;align-items:center;gap:8px;margin-top:auto } .import-card .card-actions { display:flex;align-items:center;gap:8px;margin-top:auto }
.import-card .status-text { font-size:.8rem;white-space:nowrap } .import-card .status-text { font-size:.8rem;white-space:nowrap }