remove default bg from PageHeader

This commit is contained in:
jeffvli
2025-11-22 14:37:35 -08:00
parent 73551847fb
commit 59cdc66355
6 changed files with 8 additions and 8 deletions
@@ -37,7 +37,7 @@ const variants: Variants = {
export const PageHeader = ({ export const PageHeader = ({
animated, animated,
backgroundColor = 'var(--theme-colors-background)', backgroundColor,
children, children,
height, height,
isHidden, isHidden,
@@ -134,8 +134,8 @@ export const PageHeader = ({
/> />
<div <div
className={clsx(styles.backgroundImageOverlay, { className={clsx(styles.backgroundImageOverlay, {
[styles.dark]: mode === 'dark', [styles.dark]: backgroundColor && mode === 'dark',
[styles.light]: mode === 'light', [styles.light]: backgroundColor && mode === 'light',
})} })}
/> />
</> </>
@@ -23,7 +23,7 @@ export const AlbumListHeader = ({ title }: AlbumListHeaderProps) => {
return ( return (
<Stack gap={0}> <Stack gap={0}>
<PageHeader backgroundColor="var(--theme-colors-background)"> <PageHeader>
<LibraryHeaderBar> <LibraryHeaderBar>
<PlayButton /> <PlayButton />
<LibraryHeaderBar.Title>{pageTitle}</LibraryHeaderBar.Title> <LibraryHeaderBar.Title>{pageTitle}</LibraryHeaderBar.Title>
@@ -23,7 +23,7 @@ export const AlbumArtistListHeader = ({ title }: AlbumArtistListHeaderProps) =>
return ( return (
<Stack gap={0}> <Stack gap={0}>
<PageHeader backgroundColor="var(--theme-colors-background)"> <PageHeader>
<LibraryHeaderBar> <LibraryHeaderBar>
<PlayButton /> <PlayButton />
<LibraryHeaderBar.Title>{pageTitle}</LibraryHeaderBar.Title> <LibraryHeaderBar.Title>{pageTitle}</LibraryHeaderBar.Title>
@@ -23,7 +23,7 @@ export const ArtistListHeader = ({ title }: ArtistListHeaderProps) => {
return ( return (
<Stack gap={0}> <Stack gap={0}>
<PageHeader backgroundColor="var(--theme-colors-background)"> <PageHeader>
<LibraryHeaderBar> <LibraryHeaderBar>
<PlayButton /> <PlayButton />
<LibraryHeaderBar.Title>{pageTitle}</LibraryHeaderBar.Title> <LibraryHeaderBar.Title>{pageTitle}</LibraryHeaderBar.Title>
@@ -23,7 +23,7 @@ export const GenreListHeader = ({ title }: GenreListHeaderProps) => {
return ( return (
<Stack gap={0}> <Stack gap={0}>
<PageHeader backgroundColor="var(--theme-colors-background)"> <PageHeader>
<LibraryHeaderBar> <LibraryHeaderBar>
<PlayButton /> <PlayButton />
<LibraryHeaderBar.Title>{pageTitle}</LibraryHeaderBar.Title> <LibraryHeaderBar.Title>{pageTitle}</LibraryHeaderBar.Title>
@@ -23,7 +23,7 @@ export const PlaylistListHeader = ({ title }: PlaylistListHeaderProps) => {
return ( return (
<Stack gap={0}> <Stack gap={0}>
<PageHeader backgroundColor="var(--theme-colors-background)"> <PageHeader>
<LibraryHeaderBar> <LibraryHeaderBar>
<PlayButton /> <PlayButton />
<LibraryHeaderBar.Title>{pageTitle}</LibraryHeaderBar.Title> <LibraryHeaderBar.Title>{pageTitle}</LibraryHeaderBar.Title>