fix: show daily counts above chart bars instead of clipped tooltip
This commit is contained in:
1 parent
e93fb4a51c
commit
56da9c86d2
1 file changed
+5
-4
+5
-4
@@ -433,11 +433,12 @@ export default function PortalPage() {
|
|||||||
<div
|
<div
|
||||||
key={day.date}
|
key={day.date}
|
||||||
className="flex-1 min-w-[34px] h-full flex flex-col items-center gap-1 group relative"
|
className="flex-1 min-w-[34px] h-full flex flex-col items-center gap-1 group relative"
|
||||||
|
title={`${day.date}: ${day.total} total (${day.success} ok, ${day.refused} refused, ${day.error} err)`}
|
||||||
>
|
>
|
||||||
{/* Hover Tooltip */}
|
{/* Count (always visible, never clipped) */}
|
||||||
<div className="absolute -top-10 opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none bg-black/90 border border-purple-700/60 rounded-lg px-2 py-1 text-[10px] font-mono text-white whitespace-nowrap z-20 shadow-lg">
|
<span className="text-[11px] font-bold font-mono text-orange-300 leading-none">
|
||||||
{day.date}: {day.total} total ({day.success} ok, {day.refused} refused, {day.error} err)
|
{day.total}
|
||||||
</div>
|
</span>
|
||||||
|
|
||||||
{/* Bar */}
|
{/* Bar */}
|
||||||
<div className="w-full flex-1 min-h-0 bg-[#1e0e38] rounded-t-lg overflow-hidden flex flex-col justify-end">
|
<div className="w-full flex-1 min-h-0 bg-[#1e0e38] rounded-t-lg overflow-hidden flex flex-col justify-end">
|
||||||
|
|||||||
Reference in new issue
Block a user