same top color, better number localization

This commit is contained in:
Giulio De Pasquale 2020-12-19 21:52:27 +00:00
parent 13a6fb087e
commit 3979a4f86f

View File

@ -53,7 +53,7 @@ export class QuoteStatus extends Component<QuoteStatusProps> {
return ( return (
<> <>
<span className="text-4xl text-bold align-top">{this.renderSign()}{this.props.quote_symbol}</span> <span className="text-4xl text-bold align-top">{this.renderSign()}{this.props.quote_symbol}</span>
<span className="text-5xl">{this.whole}</span> <span className="text-5xl">{this.whole.toLocaleString()}</span>
<span className="text-3xl align-top">.{this.decimal}</span> <span className="text-3xl align-top">.{this.decimal}</span>
</> </>
) )
@ -123,8 +123,8 @@ export class Statusbar extends Component<NewTickMessage> {
render() { render() {
return ( return (
<div className="bg-white border-t border-b sm:border-l sm:border-r sm:rounded shadow flex-grow mb-6"> <div className="bg-white border-t border-b sm:border-l sm:border-r sm:rounded-lg shadow flex-grow mb-6">
<div className="border-b px-6"> <div className="bg-gray-50 rounded-tl-lg rounded-tr-lg border-b px-6">
<div className="flex justify-between -mb-px"> <div className="flex justify-between -mb-px">
<div className="lg:hidden text-blue-600 py-4 text-lg"> <div className="lg:hidden text-blue-600 py-4 text-lg">
Price Charts Price Charts