Buriburizaemon/nezha-dash-v1
1
0
Fork 0
mirror of https://github.com/Buriburizaem0n/nezha-dash-v1.git synced 2026-09-21 10:40:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: update tooltip styling for improved visual consistency

Browse Source
This commit is contained in:
hamster1963
2026-06-01 11:53:15 +08:00
parent d69190abd5
commit 30fb1fbe30
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ServiceTrackerClient.tsx
+3 -3
View File
@@ -95,14 +95,14 @@ export const ServiceTrackerClient: React.FC<ServiceTrackerProps> = ({
</div> </div>
</div> </div>
<div className="flex gap-[3px] bg-muted/30 p-1 rounded-lg"> <div className="flex gap-[3px] p-1 rounded-lg">
{days.map((day, index) => ( {days.map((day, index) => (
<TooltipProvider delayDuration={50} key={index}> <TooltipProvider delayDuration={50} key={index}>
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<div <div
className={cn( className={cn(
"relative flex-1 h-7 rounded-[4px] transition-all duration-200 cursor-help", "relative flex-1 h-7 rounded-[8px] transition-all duration-200 cursor-help",
"before:absolute before:inset-0 before:rounded-[4px] before:opacity-0 hover:before:opacity-100 before:bg-white/10 before:transition-opacity", "before:absolute before:inset-0 before:rounded-[4px] before:opacity-0 hover:before:opacity-100 before:bg-white/10 before:transition-opacity",
"after:absolute after:inset-0 after:rounded-[4px] after:shadow-[inset_0_1px_--theme(--color-white/10%)]", "after:absolute after:inset-0 after:rounded-[4px] after:shadow-[inset_0_1px_--theme(--color-white/10%)]",
day.completed day.completed
@@ -111,7 +111,7 @@ export const ServiceTrackerClient: React.FC<ServiceTrackerProps> = ({
)} )}
/> />
</TooltipTrigger> </TooltipTrigger>
<TooltipContent className="p-0 overflow-hidden"> <TooltipContent className="p-0 overflow-hidden rounded-[10px]">
<div className="px-3 py-2 bg-popover"> <div className="px-3 py-2 bg-popover">
<p className="font-medium text-sm mb-2"> <p className="font-medium text-sm mb-2">
{day.date?.toLocaleDateString()} {day.date?.toLocaleDateString()}