use margin bottom for notifications component to not disable center controls

2026-06-17 00:44:23 +02:00 · 2025-10-04 07:34:48 -07:00
parent 1b278cb33a
commit 7c24f7cba4
3 changed files with 11 additions and 3 deletions
@@ -190,7 +190,16 @@ export const App = () => {

    return (
        <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}>
                <WebAudioContext.Provider value={webAudioProvider}>
                    <AppRouter />