diff options
| author | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-19 00:52:16 -0700 |
|---|---|---|
| committer | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-19 00:52:16 -0700 |
| commit | e8ab8993949e960af931f24913d32a5c023bab97 (patch) | |
| tree | 8903101f930542fe326f7f495bdd6f0311b90dbe /frontend/app/prism-shell.css | |
| parent | 5fd350345a6f6caceb3375d3736a9a9ef7291257 (diff) | |
fix: resolve quality review issues in PriceVsValueCard
- Add 150ms ease transitions to pvv-fill and pvv-tick (design system)
- Move fill color to modifier CSS classes, drop inline background/opacity
- Guard iv === 0 to prevent Infinity in premium/discount label
- Remove ambiguous direction arrows from IV figure
- Add "projection" suffix to year count in assumption summary
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Diffstat (limited to 'frontend/app/prism-shell.css')
| -rw-r--r-- | frontend/app/prism-shell.css | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/frontend/app/prism-shell.css b/frontend/app/prism-shell.css index 9bcbdc5..09b8ebd 100644 --- a/frontend/app/prism-shell.css +++ b/frontend/app/prism-shell.css @@ -1924,14 +1924,19 @@ top: 0; height: 100%; border-radius: var(--r-full); + transition: left 150ms ease, width 150ms ease; } +.psm-pvv-fill--premium { background: var(--negative); opacity: 0.5; } +.psm-pvv-fill--discount { background: var(--positive); opacity: 0.5; } + .psm-pvv-tick { position: absolute; top: -4px; width: 2px; height: 12px; border-radius: 1px; + transition: left 150ms ease; } .psm-pvv-tick.price { |