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

feat(#297): use 40% opacity colors in white themed orderbook (#821)

Browse Source
This commit is contained in:
Bartłomiej Głownia 2022-07-21 09:39:03 +02:00 committed by GitHub
parent 5b730d85c8
commit 164108e6aa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
libs/react-helpers/src/lib/grid/cumulative-vol-cell.tsx
View File

@ -30,7 +30,7 @@ export const CumulativeVol = React.memo(
const askBar = relativeAsk ? (
<div
data-testid="ask-bar"
className="absolute left-0 top-0"
className="absolute left-0 top-0 opacity-40 dark:opacity-100"
style={{
height: relativeBid && relativeAsk ? '50%' : '100%',
width: `${relativeAsk}%`,
@ -41,7 +41,7 @@ export const CumulativeVol = React.memo(
const bidBar = relativeBid ? (
<div
data-testid="bid-bar"
className="absolute top-0 left-0"
className="absolute top-0 left-0 opacity-40 dark:opacity-100"
style={{
height: relativeBid && relativeAsk ? '50%' : '100%',
top: relativeBid && relativeAsk ? '50%' : '0',

11
libs/react-helpers/src/lib/grid/vol-cell.tsx
View File

@ -30,10 +30,13 @@ export const Vol = React.memo(
return (
<div className="relative" data-testid={testId || 'vol'}>
<div
className={classNames('h-full absolute top-0', {
'left-0': type === VolumeType.bid,
'right-0': type === VolumeType.ask,
})}
className={classNames(
'h-full absolute top-0 opacity-40 dark:opacity-100',
{
'left-0': type === VolumeType.bid,
'right-0': type === VolumeType.ask,
}
)}
style={{
width: relativeValue ? `${relativeValue}%` : '0%',
backgroundColor: type === VolumeType.bid ? BID_COLOR : ASK_COLOR,