pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Set title text for header

Browse source
This commit is contained in:
jeffvli 2022-12-24 21:07:20 -08:00
parent 2c8057df70
commit d203d287df
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/renderer/features/now-playing/components/now-playing-header.tsx
View file

@ -1,7 +1,7 @@
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { Group } from '@mantine/core'; import { Group } from '@mantine/core';
import { FastAverageColor } from 'fast-average-color'; import { FastAverageColor } from 'fast-average-color';
import { PageHeader, Text } from '/@/renderer/components'; import { PageHeader, TextTitle } from '/@/renderer/components';
import { useCurrentSong } from '/@/renderer/store'; import { useCurrentSong } from '/@/renderer/store';
import { getHeaderColor } from '/@/renderer/utils'; import { getHeaderColor } from '/@/renderer/utils';
import { useTheme } from '/@/renderer/hooks'; import { useTheme } from '/@/renderer/hooks';
@ -27,7 +27,7 @@ export const NowPlayingHeader = () => {
}) })
.then((color) => { .then((color) => {
const isDark = color.isDark; const isDark = color.isDark;
setHeaderColor({ return setHeaderColor({
isDark, isDark,
value: getHeaderColor(color.rgb, theme === 'dark' ? 0.5 : 0.8), value: getHeaderColor(color.rgb, theme === 'dark' ? 0.5 : 0.8),
}); });
@ -45,7 +45,12 @@ export const NowPlayingHeader = () => {
return ( return (
<PageHeader backgroundColor={headerColor.value}> <PageHeader backgroundColor={headerColor.value}>
<Group> <Group>
<Text size="xl">Queue</Text> <TextTitle
fw="bold"
order={3}
>
Queue
</TextTitle>
</Group> </Group>
</PageHeader> </PageHeader>
); );