align main content with sidebar

This commit is contained in:
Giulio De Pasquale 2020-12-21 14:41:26 +00:00
parent 419f9b75a7
commit b32fa2a19a

View File

@ -99,7 +99,7 @@ class App extends Component<{}, AppState> {
<main <main
className="my-1 py-2 px-10 flex-1 bg-gray-200 dark:bg-black rounded-l-lg* className="my-1 py-2 px-10 flex-1 bg-gray-200 dark:bg-black rounded-l-lg*
transition duration-500 ease-in-out overflow-y-auto flex flex-col"> transition duration-500 ease-in-out overflow-y-auto flex flex-col">
<div className="flex justify-center text-2xl my-4"> <div className="flex justify-center text-2xl my-2">
<Statusbar balances={this.state.balances} positions={this.state.positions} <Statusbar balances={this.state.balances} positions={this.state.positions}
price={this.state.current_price} price={this.state.current_price}
tick={this.state.current_tick}/> tick={this.state.current_tick}/>
@ -107,7 +107,7 @@ class App extends Component<{}, AppState> {
<div className="flex flex-col flex-grow my-8 shadow-md hover:shadow-lg"> <div className="flex flex-col flex-grow my-8 shadow-md hover:shadow-lg">
<div <div
className="py-2 flex-grow bg-white dark:bg-gray-600 rounded-lg overflow-hidden"> className="py-2 flex-grow bg-white min-width dark:bg-gray-600 rounded-lg overflow-hidden">
<RPlot/> <RPlot/>
</div> </div>
</div> </div>