ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

fix: increase Peak Hours grid row height

Browse Source
This commit is contained in:
Usman Baig
2026-03-12 00:27:17 +01:00
parent 632530af7f
commit bc299fe9a0
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/dashboard/PeakHours.tsx
View File

@@ -137,7 +137,7 @@ export default function PeakHours({ siteId, dateRange }: PeakHoursProps) {
</div> </div>
) : hasData ? ( ) : hasData ? (
<> <>
<div className="flex-1 min-h-[270px] flex flex-col justify-center gap-[3px] relative" ref={gridRef}> <div className="flex-1 min-h-[270px] flex flex-col justify-center gap-[5px] relative" ref={gridRef}>
{grid.map((hours, dayIdx) => ( {grid.map((hours, dayIdx) => (
<div key={dayIdx} className="flex items-center gap-1.5"> <div key={dayIdx} className="flex items-center gap-1.5">
<span className="text-[11px] text-neutral-400 dark:text-neutral-500 w-7 flex-shrink-0 text-right leading-none"> <span className="text-[11px] text-neutral-400 dark:text-neutral-500 w-7 flex-shrink-0 text-right leading-none">
@@ -154,7 +154,7 @@ export default function PeakHours({ siteId, dateRange }: PeakHoursProps) {
<div <div
key={`${animKey}-${dayIdx}-${hour}`} key={`${animKey}-${dayIdx}-${hour}`}
className={[ className={[
'flex-1 aspect-square rounded-[3px] border cursor-default transition-transform duration-100', 'flex-1 h-7 rounded-[3px] border cursor-default transition-transform duration-100',
'border-neutral-200 dark:border-neutral-800', 'border-neutral-200 dark:border-neutral-800',
isActive ? 'animate-cell-highlight' : '', isActive ? 'animate-cell-highlight' : '',
!isActive && isBestCell ? '' : '', !isActive && isBestCell ? '' : '',