Spaces:
Running
Running
Create a trading terminal design, microstructure and algorithmic trading bots transactions should display neatly and updated in milliseconds, use mock data
a65eb8f
verified
| /* Scrollbar tweaks for light theme */ | |
| * { | |
| scrollbar-width: thin; | |
| scrollbar-color: rgba(0,0,0,0.2) transparent; | |
| } | |
| *::-webkit-scrollbar { | |
| height: 8px; | |
| width: 8px; | |
| } | |
| *::-webkit-scrollbar-track { | |
| background: transparent; | |
| } | |
| *::-webkit-scrollbar-thumb { | |
| background-color: rgba(0,0,0,0.2); | |
| border-radius: 8px; | |
| } | |
| *::-webkit-scrollbar-thumb:hover { | |
| background-color: rgba(0,0,0,0.3); | |
| } | |
| /* Subtle pulse for updates */ | |
| .pulse-green { | |
| animation: pulse-green 500ms ease-in-out; | |
| } | |
| .pulse-red { | |
| animation: pulse-red 500ms ease-in-out; | |
| } | |
| @keyframes pulse-green { | |
| 0% { background-color: rgba(34,197,94,0.15); } | |
| 100% { background-color: transparent; } | |
| } | |
| @keyframes pulse-red { | |
| 0% { background-color: rgba(239,68,68,0.15); } | |
| 100% { background-color: transparent; } | |
| } | |
| /* Compact rows for tables */ | |
| .compact td, .compact th { | |
| padding-top: 2px; | |
| padding-bottom: 2px; | |
| } |