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

chore: fix market sticky header color

Browse Source
This commit is contained in:
Matthew Russell 2022-08-30 23:13:00 -07:00
parent 3a3b5cbc9a
commit ad00fcfd39
No known key found for this signature in database
GPG Key ID: EF695622F2C5E3D8
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
libs/market-list/src/lib/components/select-market-table.tsx
View File

@ -7,7 +7,7 @@ export const SelectMarketTableHeader = ({
headers = columnHeaders, headers = columnHeaders,
}) => { }) => {
return ( return (
<tr className="sticky top-0 z-10 border-b border-neutral-300 dark:border-neutral-700 bg-neutral-200 dark:bg-neutral-800"> <tr className="sticky top-0 z-10 border-b border-neutral-300 dark:border-neutral-700 bg-inherit">
{headers.map(({ value, className, onlyOnDetailed }, i) => { {headers.map(({ value, className, onlyOnDetailed }, i) => {
const thClass = classNames( const thClass = classNames(
'font-normal text-neutral-500 dark:text-neutral-400', 'font-normal text-neutral-500 dark:text-neutral-400',

6
libs/market-list/src/lib/components/select-market.tsx
View File

@ -38,11 +38,11 @@ export const SelectMarketLandingTable = ({
const marketList = data && mapDataToMarketList(data); const marketList = data && mapDataToMarketList(data);
return ( return (
<div <div
className="max-h-[40rem] overflow-x-auto" className="max-h-[80vh] overflow-x-auto"
data-testid="select-market-list" data-testid="select-market-list"
> >
<table className="text-sm relative h-full min-w-full whitespace-nowrap"> <table className="text-sm relative h-full min-w-full whitespace-nowrap">
<thead className="sticky top-0 z-10"> <thead className="sticky top-0 z-10 bg-white dark:bg-black">
<SelectMarketTableHeader /> <SelectMarketTableHeader />
</thead> </thead>
<tbody> <tbody>
@ -75,7 +75,7 @@ export const SelectAllMarketsTableBody = ({
return ( return (
<> <>
<thead> <thead className="bg-neutral-200 dark:bg-neutral-800">
<SelectMarketTableHeader detailed={true} headers={headers} /> <SelectMarketTableHeader detailed={true} headers={headers} />
</thead> </thead>
{/* Border styles required to create space between tbody elements margin/padding dont work */} {/* Border styles required to create space between tbody elements margin/padding dont work */}