LaconicNetwork/vega-frontend-monorepo
3
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"
/>
</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">
<Navbar />
<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)}
>
<Tabs.List
className="flex flex-nowrap gap-4 overflow-x-auto my-4"
className="flex flex-nowrap gap-4 overflow-x-auto"
role="tablist"
>
{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(
'h-full max-h-full',
'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'
);
return (
@ -60,7 +60,7 @@ interface TradeGridChildProps {
}
const TradeGridChild = ({ children, className }: TradeGridChildProps) => {
const gridChildClasses = classNames('bg-white', className);
const gridChildClasses = classNames('bg-white dark:bg-black', className);
return (
<section className={gridChildClasses}>
<AutoSizer>