@classic-homes/theme-svelte 1.7.0 → 1.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -178,7 +178,7 @@
|
|
|
178
178
|
<div class={cn('h-16', strongBorder ? 'border-b-2 border-black' : 'border-b border-black')}>
|
|
179
179
|
<div
|
|
180
180
|
class={cn(
|
|
181
|
-
'flex h-full items-center justify-between px-2 sm:px-4 lg:px-4',
|
|
181
|
+
'flex h-full items-center justify-between gap-4 sm:gap-6 px-2 sm:px-4 lg:px-4',
|
|
182
182
|
maxWidth !== 'none' && 'mx-auto',
|
|
183
183
|
maxWidthClasses[maxWidth]
|
|
184
184
|
)}
|
|
@@ -190,8 +190,11 @@
|
|
|
190
190
|
class={cn(
|
|
191
191
|
'flex items-center justify-center p-1 rounded shrink-0',
|
|
192
192
|
'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1',
|
|
193
|
-
// Show on hover for regular items, always show in pinned section
|
|
194
|
-
|
|
193
|
+
// Show on hover for regular items, always show in pinned section.
|
|
194
|
+
// Touch devices never fire hover (hoverOnlyWhenSupported), so keep it visible there.
|
|
195
|
+
isUnpin
|
|
196
|
+
? 'opacity-100'
|
|
197
|
+
: 'opacity-0 group-hover:opacity-100 focus-visible:opacity-100 [@media(hover:none)]:opacity-60',
|
|
195
198
|
// Light variant: white text when row is hovered (teal bg), red/primary text when active
|
|
196
199
|
isLight && !item.active && 'text-muted-foreground group-hover:text-white hover:bg-white/20',
|
|
197
200
|
isLight && item.active && 'text-primary hover:bg-primary/20',
|