Light gray border on tooltips
This commit is contained in:
parent
3001ed124a
commit
d1fbfe2b43
|
@ -255,7 +255,7 @@ export const TooltipContainer = (props: {
|
||||||
<div
|
<div
|
||||||
className={clsx(
|
className={clsx(
|
||||||
className,
|
className,
|
||||||
'pointer-events-none absolute z-10 whitespace-pre rounded bg-white/80 p-2 px-4 py-2 text-xs sm:text-sm'
|
'pointer-events-none absolute z-10 whitespace-pre rounded border border-gray-200 bg-white/80 p-2 px-4 py-2 text-xs sm:text-sm'
|
||||||
)}
|
)}
|
||||||
style={{ margin: MARGIN_STYLE, ...pos }}
|
style={{ margin: MARGIN_STYLE, ...pos }}
|
||||||
>
|
>
|
||||||
|
|
|
@ -105,7 +105,7 @@ export const PortfolioValueGraph = memo(function PortfolioValueGraph(props: {
|
||||||
sliceTooltip={({ slice }) => {
|
sliceTooltip={({ slice }) => {
|
||||||
handleGraphDisplayChange(slice.points[0].data.yFormatted)
|
handleGraphDisplayChange(slice.points[0].data.yFormatted)
|
||||||
return (
|
return (
|
||||||
<div className="rounded bg-white px-4 py-2 opacity-80">
|
<div className="rounded border border-gray-200 bg-white px-4 py-2 opacity-80">
|
||||||
<div
|
<div
|
||||||
key={slice.points[0].id}
|
key={slice.points[0].id}
|
||||||
className="text-xs font-semibold sm:text-sm"
|
className="text-xs font-semibold sm:text-sm"
|
||||||
|
|
Loading…
Reference in New Issue
Block a user