style: 导入卡片间距 gap 12→16px + align stretch 等高
This commit is contained in:
@@ -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 }
|
||||||
|
|||||||
Reference in New Issue
Block a user