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,
}) => {
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) => {
const thClass = classNames(
'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);
return (
<div
className="max-h-[40rem] overflow-x-auto"
className="max-h-[80vh] overflow-x-auto"
data-testid="select-market-list"
>
<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 />
</thead>
<tbody>
@ -75,7 +75,7 @@ export const SelectAllMarketsTableBody = ({
return (
<>
<thead>
<thead className="bg-neutral-200 dark:bg-neutral-800">
<SelectMarketTableHeader detailed={true} headers={headers} />
</thead>
{/* Border styles required to create space between tbody elements margin/padding dont work */}