Light gray border on tooltips

This commit is contained in:
Marshall Polaris 2022-09-30 00:02:12 -07:00
parent 3001ed124a
commit d1fbfe2b43
2 changed files with 2 additions and 2 deletions

View File

@ -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 }}
> >

View File

@ -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"