Skip to content

Commit 43e33f5

Browse files
author
Chad Curtis
committed
The Dock's icons are back in their tiles: since the icons got srcset copies (sizes="auto"), the tile's auto grid track grew with the icon's intrinsic size, so its 82% was of something far bigger than the tile; fixed 100% tracks keep it the tile's
1 parent 029a132 commit 43e33f5

1 file changed

Lines changed: 3 additions & 1 deletion

File tree

‎src/components/desktop/Dock.tsx‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -844,7 +844,9 @@ const DockItem = memo(function DockItem({
844844
if (e.button === 1) open(app.id);
845845
}}
846846
className={cn(
847-
'pointer-events-auto absolute inset-x-[5%] bottom-[12.5%] grid aspect-square place-items-center rounded-xl',
847+
// Fixed tracks, so the icon's 82% is of the tile: an auto track
848+
// grows with the icon's srcset (sizes="auto") intrinsic size.
849+
'pointer-events-auto absolute inset-x-[5%] bottom-[12.5%] grid aspect-square grid-cols-[100%] grid-rows-[100%] place-items-center rounded-xl',
848850
'group-data-hidden/dock:pointer-events-none',
849851
'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
850852
'motion-reduce:hover:-translate-y-1 motion-reduce:transition-transform',

0 commit comments

Comments
 (0)