diff --git a/src/components/Dashboard/context/NotificationContext.jsx b/src/components/Dashboard/context/NotificationContext.jsx index 5e15bbb..4e5c472 100644 --- a/src/components/Dashboard/context/NotificationContext.jsx +++ b/src/components/Dashboard/context/NotificationContext.jsx @@ -13,6 +13,7 @@ import { ApiServerContext } from './ApiServerContext' import NotificationCenter from '../common/NotificationCenter' import Notification from '../common/Notification' import { useMediaQuery } from 'react-responsive' +import { ElectronContext } from './ElectronContext' const NotificationContext = createContext() @@ -35,6 +36,8 @@ const NotificationProvider = ({ children }) => { const [notifications, setNotifications] = useState([]) const [notificationsLoading, setNotificationsLoading] = useState(false) + const { isElectron } = useContext(ElectronContext) + const isMobile = useMediaQuery({ maxWidth: 768 }) const fetchNotifications = useCallback(async () => { @@ -180,6 +183,7 @@ const NotificationProvider = ({ children }) => { title='Notifications' placement='right' width={isMobile ? '100%' : 460} + style={{ marginTop: isElectron ? '40px' : '0px' }} onClose={() => setNotificationCenterVisible(false)} open={notificationCenterVisible} >