style: content list v4 — card-style rows with spacing, hover lift, rounded borders
Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
@@ -123,3 +123,19 @@
|
||||
.action-btn:hover{background#eef4fb;border-color#b3c8e4;color#1e4089}
|
||||
.action-btn.design{background:linear-gradient(135deg,#245ac6,#1a4a9e);border-color:#245ac6;color#fff}
|
||||
.action-btn.design:hover{background#1a4a9e;color#fff}
|
||||
|
||||
/* ── 内容列表 v4:卡片式精修 ── */
|
||||
.content-table{border-collapse:separate;border-spacing:0 6px;width:100%}
|
||||
.content-table thead tr{background:none!important}
|
||||
.content-table thead th{background:none;border-bottom:1.5px solid #d5dce6;padding:10px 16px 8px;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#8e9bb0}
|
||||
.content-table thead th:first-child{border-radius:0}
|
||||
.content-table tbody tr{background:#fff;box-shadow:0 1px 4px rgba(20,40,80,.05);transition:transform .12s,box-shadow .12s}
|
||||
.content-table tbody tr:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(20,40,80,.09)}
|
||||
.content-table tbody td{border-top:none;border-bottom:none;padding:13px 16px}
|
||||
.content-table tbody td:first-child{border-left:1px solid #e8ecf2;border-radius:10px 0 0 10px}
|
||||
.content-table tbody td:last-child{border-right:1px solid #e8ecf2;border-radius:0 10px 10px 0}
|
||||
.content-table td strong{font-size:14px;color#16283e;font-weight:650}
|
||||
.route-code{font-size:11px!important;background#f2f5fa!important;color#7b8ba0!important}
|
||||
.type-badge{font-size:10px;padding:4px 11px}
|
||||
.action-btn{font-size:11px;padding:6px 13px;border-radius:7px}
|
||||
.status-dot{font-size:11px}
|
||||
|
||||
Reference in New Issue
Block a user