github/oneuptime
1
1
Fork 0
mirror of https://github.com/OneUptime/oneuptime.git synced 2026-04-06 00:32:12 +02:00
Code Issues 193 Packages Projects Releases Wiki Activity

feat: update ChartGroup button styles for improved accessibility and visual consistency

Browse Source
This commit is contained in:
Nawaz Dhandala
2026-04-01 15:11:47 +01:00
parent c8cd97437e
commit 9756f5a117
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
Common/UI/Components/Charts/ChartGroup/ChartGroup.tsx
View File

@@ -102,7 +102,7 @@ const ChartGroup: FunctionComponent<ComponentProps> = (
return (
<button
type="button"
className="ml-2 inline-flex items-center text-gray-400 hover:text-gray-600 transition-colors"
className="ml-1.5 inline-flex items-center justify-center rounded-full w-5 h-5 text-gray-300 hover:text-gray-500 hover:bg-gray-100 transition-all duration-150"
title="View metric details"
onClick={() => {
setMetricInfoModalChart(chart.metricInfo || null);
@@ -110,8 +110,8 @@ const ChartGroup: FunctionComponent<ComponentProps> = (
>
<Icon
icon={IconProp.InformationCircle}
size={SizeProp.Small}
className="h-4 w-4"
size={SizeProp.Smaller}
className="h-3.5 w-3.5"
/>
</button>
);