diff --git a/manual_trading_hub/static/app.css b/manual_trading_hub/static/app.css index 56cef88..fe510f5 100644 --- a/manual_trading_hub/static/app.css +++ b/manual_trading_hub/static/app.css @@ -4462,8 +4462,7 @@ html[data-theme="light"] .funds-stage { box-shadow: var(--shadow); } .funds-stage-grid, -.funds-stage-glow, -.funds-stage-scan { +.funds-stage-glow { position: absolute; inset: 0; pointer-events: none; @@ -4481,19 +4480,6 @@ html[data-theme="light"] .funds-stage { radial-gradient(circle at 18% 12%, rgba(0, 212, 255, 0.12), transparent 42%), radial-gradient(circle at 82% 8%, rgba(123, 97, 255, 0.1), transparent 38%); } -.funds-stage-scan { - height: 2px; - inset: auto 0 0 0; - background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.55), transparent); - animation: funds-scan 6s linear infinite; - opacity: 0.45; -} -@keyframes funds-scan { - 0% { transform: translateY(-320px); opacity: 0; } - 8% { opacity: 0.45; } - 92% { opacity: 0.45; } - 100% { transform: translateY(0); opacity: 0; } -} .funds-stage-inner { position: relative; z-index: 1; @@ -4588,8 +4574,7 @@ html[data-theme="light"] .funds-stat-card { box-shadow: inset 0 0 24px rgba(0, 212, 255, 0.06); } .funds-stat-card-primary .funds-stat-value { - font-size: 1.55rem; - text-shadow: 0 0 20px rgba(0, 212, 255, 0.25); + font-size: 1.6rem; } .funds-stat-label { font-family: var(--display); @@ -4599,27 +4584,28 @@ html[data-theme="light"] .funds-stat-card { margin-bottom: 6px; text-transform: uppercase; } +.funds-stat-value, +.funds-stat-val, +.funds-ac-total .v, +.funds-ac-stats .v, +.funds-fs-stat .v { + font-family: var(--font); + font-variant-numeric: tabular-nums; + letter-spacing: 0.01em; +} .funds-stat-value { - font-family: var(--display); font-size: 1.35rem; font-weight: 600; - font-variant-numeric: tabular-nums; - letter-spacing: 0.04em; } .funds-stat-val { - font-family: var(--display); font-size: 1.15rem; font-weight: 600; - font-variant-numeric: tabular-nums; - letter-spacing: 0.04em; } .funds-stat-val.pos { color: var(--green); - text-shadow: 0 0 14px rgba(0, 255, 157, 0.25); } .funds-stat-val.neg { color: var(--red); - text-shadow: 0 0 14px rgba(255, 77, 109, 0.22); } .funds-dd-pct { font-size: 0.82rem; @@ -4701,7 +4687,7 @@ html[data-theme="light"] .funds-chart-panel { } .funds-accounts { display: grid; - grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); + grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 4px 0 12px; } @@ -4758,10 +4744,10 @@ html[data-theme="light"] .funds-ac-card { } .funds-ac-name { margin: 0; - font-family: var(--display); - font-size: 0.78rem; + font-family: var(--font); + font-size: 0.84rem; font-weight: 600; - letter-spacing: 0.04em; + letter-spacing: 0.01em; line-height: 1.35; flex: 1; min-width: 0; @@ -4801,12 +4787,9 @@ html[data-theme="light"] .funds-ac-badge.is-ok { color: var(--muted); } .funds-ac-total .v { - font-family: var(--display); - font-size: 1.05rem; + font-size: 1.12rem; font-weight: 700; - font-variant-numeric: tabular-nums; color: var(--text); - letter-spacing: 0.03em; } .funds-ac-stats { display: grid; @@ -4943,7 +4926,15 @@ html[data-theme="light"] .funds-fs-panel { body.funds-fullscreen-open { overflow: hidden; } +@media (max-width: 1100px) { + .funds-accounts { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} @media (max-width: 720px) { + .funds-accounts { + grid-template-columns: minmax(0, 1fr); + } .funds-head { flex-direction: column; align-items: stretch; diff --git a/manual_trading_hub/static/index.html b/manual_trading_hub/static/index.html index 73be92d..92b973f 100644 --- a/manual_trading_hub/static/index.html +++ b/manual_trading_hub/static/index.html @@ -15,7 +15,7 @@ - +
@@ -335,7 +335,6 @@