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
className={clsx(
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 }}
>

View File

@ -105,7 +105,7 @@ export const PortfolioValueGraph = memo(function PortfolioValueGraph(props: {
sliceTooltip={({ slice }) => {
handleGraphDisplayChange(slice.points[0].data.yFormatted)
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
key={slice.points[0].id}
className="text-xs font-semibold sm:text-sm"