fix: show daily counts above chart bars instead of clipped tooltip

This commit is contained in:
Ajasra committed 2026-10-29 13:57:39 +08:00
1 parent e93fb4a51c
commit 56da9c86d2
1 file changed
+5 -4
+5 -4
View File
@@ -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">