mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-07 04:20:12 +02:00
remove default bg from PageHeader
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user