toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-12-30 07:03:52 +03: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
No known key found for this signature in database
GPG Key ID: 1C1E76924FAFDDE4
1 changed files with 5 additions and 0 deletions
Show Stats 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 { sonner } from './styles.css';
export function MobileNotificationCenter() {
const theme = useTheme();
const resolvedTheme = theme.resolvedTheme as 'light' | 'dark';
return (
<Toaster
className={sonner}
@ -13,6 +17,7 @@ export function MobileNotificationCenter() {
top: 'calc(env(safe-area-inset-top) + 16px)',
pointerEvents: 'auto',
}}
theme={resolvedTheme}
/>
);
}