diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css index 7bdfcdb..b70ae29 100644 --- a/apps/web/src/styles.css +++ b/apps/web/src/styles.css @@ -755,7 +755,8 @@ input:focus-visible { line-height: 1.1; } -.conversion-notice { min-height:38px; display:flex; align-items:center; border-bottom:1px solid #eadfca; padding:7px 12px; background:#fff9ed; color:#775b24; font-size:12px; } +.ledger-notice-slot { height:38px; overflow:hidden; } +.conversion-notice { height:38px; display:flex; align-items:center; border-bottom:1px solid #eadfca; padding:7px 12px; background:#fff9ed; color:#775b24; font-size:12px; } .conversion-notice span { display:flex; align-items:center; gap:6px; } .amount-value { diff --git a/apps/web/src/views/LedgerView.vue b/apps/web/src/views/LedgerView.vue index d095d0c..7be2994 100644 --- a/apps/web/src/views/LedgerView.vue +++ b/apps/web/src/views/LedgerView.vue @@ -310,14 +310,16 @@ async function shareLedger() {
-
- {{ pendingEntryCount }} 条账目未同步云端 - -
-
- {{ pendingConversionCount }} 条外币账目等待换算 +
+
+ {{ pendingEntryCount }} 条账目未同步云端 + +
+
+ {{ pendingConversionCount }} 条外币账目等待换算 +
diff --git a/apps/web/src/views/StatsView.vue b/apps/web/src/views/StatsView.vue index e566eff..586a6e6 100644 --- a/apps/web/src/views/StatsView.vue +++ b/apps/web/src/views/StatsView.vue @@ -196,9 +196,11 @@ function dailyLabel(value: string) {
收入{{ money(totals.income) }}
支出{{ money(totals.expense) }}
-

- {{ pendingConversionCount }} 条外币账目等待换算,暂未计入人民币统计 -

+
+

+ {{ pendingConversionCount }} 条外币账目等待换算,暂未计入人民币统计 +

+
@@ -275,7 +277,8 @@ function dailyLabel(value: string) { .stats-summary .balance strong { font-size:24px; } .stats-summary .income { color: #0d8b67; } .stats-summary .expense { color: #d84c36; } -.stats-conversion-notice { margin:8px 0 0; border-left:3px solid #d69a32; padding:7px 9px; background:#fff8e9; color:#755719; font-size:11px; } +.stats-conversion-slot { height:34px; margin-top:8px; overflow:hidden; } +.stats-conversion-notice { margin:0; border-left:3px solid #d69a32; padding:7px 9px; background:#fff8e9; color:#755719; font-size:11px; } .stats-tabs { display: grid; grid-template-columns: repeat(3,1fr); gap: 4px; margin: 14px 0 10px; border-radius: 8px; padding: 4px; background: #e7eeec; } .stats-tabs button { height: 38px; border: 0; border-radius: 6px; background: transparent; color: #71807c; font-size: 13px; font-weight: 680; } .stats-tabs button.active { background: #fff; color: #087f72; box-shadow: 0 2px 7px rgba(28,52,47,.12); }