antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-02 02:43:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

use margin bottom for notifications component to not disable center controls

Browse source
This commit is contained in:
Kendall Garner 2025-10-04 07:34:48 -07:00
parent 1b278cb33a
commit 7c24f7cba4
No known key found for this signature in database
GPG key ID: 9355F387FE765C94
3 changed files with 11 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/renderer/app.tsx
View file

@ -190,7 +190,16 @@ export const App = () => {
return ( return (
<MantineProvider defaultColorScheme={mode as 'dark' | 'light'} theme={theme}> <MantineProvider defaultColorScheme={mode as 'dark' | 'light'} theme={theme}>
<Notifications containerWidth="300px" position="bottom-center" zIndex={50000} /> <Notifications
containerWidth="300px"
position="bottom-center"
styles={{
root: {
marginBottom: 90,
},
}}
zIndex={50000}
/>
<PlayQueueHandlerContext.Provider value={providerValue}> <PlayQueueHandlerContext.Provider value={providerValue}>
<WebAudioContext.Provider value={webAudioProvider}> <WebAudioContext.Provider value={webAudioProvider}>
<AppRouter /> <AppRouter />

2
src/renderer/features/player/components/center-controls.tsx
View file

@ -113,7 +113,7 @@ export const CenterControls = ({ playersRef }: CenterControlsProps) => {
return ( return (
<> <>
<div className={styles.controlsContainer}> <div className={styles.controlsContainer} style={{ zIndex: 50001 }}>
<div className={styles.buttonsContainer}> <div className={styles.buttonsContainer}>
<PlayerButton <PlayerButton
icon={<Icon fill="default" icon="mediaStop" size={buttonSize - 2} />} icon={<Icon fill="default" icon="mediaStop" size={buttonSize - 2} />}

1
src/shared/components/toast/toast.module.css
View file

@ -1,5 +1,4 @@
.root { .root {
bottom: 90px;
background-color: var(--theme-colors-surface); background-color: var(--theme-colors-surface);
} }