fix: blend ledger pull status into page
This commit is contained in:
parent
ce877719d3
commit
0b3372f764
|
|
@ -780,9 +780,9 @@ input:focus-visible {
|
|||
|
||||
.ledger-notice-slot { position:absolute; top:0; right:0; left:0; z-index:4; height:0; overflow:visible; pointer-events:none; }
|
||||
.conversion-notice { height:32px; display:flex; align-items:center; border-bottom:1px solid #eadfca; padding:4px 12px; background:#fff9ed; color:#775b24; font-size:11px; box-shadow:0 2px 8px rgba(58,43,17,.08); pointer-events:auto; }
|
||||
.ledger-pull-indicator { position:absolute; right:16px; left:16px; z-index:3; display:flex; align-items:center; justify-content:center; gap:5px; height:32px; border:1px solid #d4e3df; border-radius:8px; padding:0 10px; background:rgba(255,255,255,.96); color:#6d807b; box-shadow:0 4px 12px rgba(27,61,53,.1); font-size:11px; pointer-events:none; transform:translateY(calc((var(--pull-progress) - 1) * -20px)); }
|
||||
.ledger-pull-indicator.top { top:8px; }
|
||||
.ledger-pull-indicator.bottom { bottom:8px; }
|
||||
.ledger-pull-indicator { position:absolute; right:0; left:0; z-index:3; display:flex; align-items:center; justify-content:center; gap:5px; height:24px; color:#7d8c88; font-size:11px; pointer-events:none; opacity:var(--pull-progress); transform:translateY(calc((var(--pull-progress) - 1) * -10px)); }
|
||||
.ledger-pull-indicator.top { top:4px; }
|
||||
.ledger-pull-indicator.bottom { bottom:4px; transform:translateY(calc((1 - var(--pull-progress)) * 10px)); }
|
||||
.ledger-pull-indicator.refresh,.ledger-pull-indicator.previous { color:#087f72; }
|
||||
.ledger-pull-indicator.next { color:#3478e5; }
|
||||
.conversion-notice span { display:flex; align-items:center; gap:6px; }
|
||||
|
|
|
|||
Loading…
Reference in New Issue