diff --git a/server/public/css/style.css b/server/public/css/style.css index b4f3c8d..49b6664 100644 --- a/server/public/css/style.css +++ b/server/public/css/style.css @@ -59,9 +59,11 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans- .purchase-month-group { margin-bottom: 20px; } .purchase-month-group summary { list-style: none; cursor: pointer; } .purchase-month-group summary::-webkit-details-marker { display: none; } -.purchase-month-group summary::after { content: '▼'; font-size: 11px; margin-left: 8px; color: #888; } -.purchase-month-group[open] summary::after { content: '▲'; } -.purchase-month-header { background: #f5f5f5; font-size: 16px; font-weight: 600; padding: 10px 8px; border-radius: 4px; display: flex; justify-content: space-between; } +.purchase-month-header { background: #f5f5f5; font-size: 16px; font-weight: 600; padding: 10px 8px; border-radius: 4px; display: flex; justify-content: space-between; align-items: center; } +.purchase-month-header span:last-child { margin-left: auto; margin-right: 4px; } +.month-arrow { width: 16px; height: 16px; stroke: #888; fill: none; stroke-width: 2; flex-shrink: 0; margin-left: 6px; transition: transform 0.2s; } +.purchase-month-group[open] .month-arrow { transform: rotate(180deg); } +.purchase-month-header span:last-child { margin-left: auto; margin-right: 4px; } .purchase-item { padding: 12px 8px; border-bottom: 1px solid #f0f0f0; cursor: pointer; } .purchase-item:active { background: #f9f9f9; } .purchase-item .item-main { display: flex; justify-content: space-between; align-items: baseline; } @@ -140,10 +142,10 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans- .edit-section { margin-top: 8px; border-top: 1px solid #eee; padding-top: 8px; } .edit-section-header { font-size: 13px; font-weight: 600; color: #555; cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 2px 0; } .edit-section-header svg { width: 16px; height: 16px; stroke: #888; fill: none; stroke-width: 2; } -.history-summary { list-style: none; } +.history-summary { list-style: none; display: flex; align-items: center; gap: 6px; } .history-summary::-webkit-details-marker { display: none; } -.history-summary::after { content: '展开'; font-size: 12px; color: #3b82f6; font-weight: 400; } -details[open] .history-summary::after { content: '收起'; } +.history-summary .section-arrow { width: 14px; height: 14px; stroke: #888; fill: none; stroke-width: 2; flex-shrink: 0; transition: transform 0.2s; } +details[open] .history-summary .section-arrow { transform: rotate(180deg); } .attach-gallery { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; } .attach-thumb-wrap { position: relative; display: inline-block; } .attach-thumb { width: 56px; height: 56px; object-fit: cover; border-radius: 6px; border: 1px solid #eee; } diff --git a/server/public/index.html b/server/public/index.html index 9d36cc5..b69ff4d 100644 --- a/server/public/index.html +++ b/server/public/index.html @@ -215,7 +215,7 @@
- 操作历史 + 操作历史
@@ -237,9 +237,7 @@