Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-27 02:42:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(component): mobile toast dark mode (#9142)

Browse Source
This commit is contained in:
CatsJuice
2024-12-16 04:31:12 +00:00
parent 729c37977e
commit 87bbcae5e2
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/frontend/component/src/ui/notification/mobile/notification-center.tsx
View File

@@ -1,8 +1,12 @@
import { useTheme } from 'next-themes';
import { Toaster } from 'sonner'; import { Toaster } from 'sonner';
import { sonner } from './styles.css'; import { sonner } from './styles.css';
export function MobileNotificationCenter() { export function MobileNotificationCenter() {
const theme = useTheme();
const resolvedTheme = theme.resolvedTheme as 'light' | 'dark';
return ( return (
<Toaster <Toaster
className={sonner} className={sonner}
@@ -13,6 +17,7 @@ export function MobileNotificationCenter() {
top: 'calc(env(safe-area-inset-top) + 16px)', top: 'calc(env(safe-area-inset-top) + 16px)',
pointerEvents: 'auto', pointerEvents: 'auto',
}} }}
theme={resolvedTheme}
/> />
); );
} }