LaconicNetwork/vega-frontend-monorepo
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix dark theme for trading grid

Browse Source
This commit is contained in:
Matthew Russell 2022-03-10 21:19:44 -08:00
parent 634075e015
commit deb4570ebe
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/trading/pages/_app.page.tsx
View File

@ -46,7 +46,7 @@ function VegaTradingApp({ Component, pageProps }: AppProps) {
type="image/png" type="image/png"
/> />
</Head> </Head>
<div className="h-full dark:bg-black dark:text-white-60 bg-white text-black-60"> <div className="h-full dark:bg-black dark:text-white-60 bg-white text-black-60 grid grid-rows-[min-content,1fr]">
<div className="flex items-stretch border-b-[7px] border-vega-yellow"> <div className="flex items-stretch border-b-[7px] border-vega-yellow">
<Navbar /> <Navbar />
<div className="flex items-center ml-auto mr-8"> <div className="flex items-center ml-auto mr-8">

2
apps/trading/pages/markets/grid-tabs.tsx
View File

@ -43,7 +43,7 @@ export const GridTabs = ({ children, group }: GridTabsProps) => {
onValueChange={(value) => setActiveTab(value)} onValueChange={(value) => setActiveTab(value)}
> >
<Tabs.List <Tabs.List
className="flex flex-nowrap gap-4 overflow-x-auto my-4" className="flex flex-nowrap gap-4 overflow-x-auto"
role="tablist" role="tablist"
> >
{Children.map(children, (child) => { {Children.map(children, (child) => {

4
apps/trading/pages/markets/trade-grid.tsx
View File

@ -13,7 +13,7 @@ export const TradeGrid = ({ market }: TradeGridProps) => {
const wrapperClasses = classNames( const wrapperClasses = classNames(
'h-full max-h-full', 'h-full max-h-full',
'grid gap-[1px] grid-cols-[1fr_325px_325px] grid-rows-[min-content_1fr_200px]', 'grid gap-[1px] grid-cols-[1fr_325px_325px] grid-rows-[min-content_1fr_200px]',
'bg-black-10', 'bg-black-10 dark:bg-white-10',
'text-ui' 'text-ui'
); );
return ( return (
@ -60,7 +60,7 @@ interface TradeGridChildProps {
} }
const TradeGridChild = ({ children, className }: TradeGridChildProps) => { const TradeGridChild = ({ children, className }: TradeGridChildProps) => {
const gridChildClasses = classNames('bg-white', className); const gridChildClasses = classNames('bg-white dark:bg-black', className);
return ( return (
<section className={gridChildClasses}> <section className={gridChildClasses}>
<AutoSizer> <AutoSizer>