diff --git a/src/components/Dashboard/context/MessageContext.jsx b/src/components/Dashboard/context/MessageContext.jsx index cdea2c8..1faf25b 100644 --- a/src/components/Dashboard/context/MessageContext.jsx +++ b/src/components/Dashboard/context/MessageContext.jsx @@ -1,11 +1,16 @@ import { createContext, useContext } from 'react' import PropTypes from 'prop-types' import { message } from 'antd' +import { isElectrobunDesktop } from '../../../electrobun-bridge' const MessageContext = createContext() +// antd's default message top is 8px; push messages down an extra 40px in the +// desktop app so they clear the custom title bar / drag region. +const MESSAGE_TOP = isElectrobunDesktop() ? 48 : undefined + export const MessageProvider = ({ children }) => { - const [msgApi, contextHolder] = message.useMessage() + const [msgApi, contextHolder] = message.useMessage({ top: MESSAGE_TOP }) const showMessage = (type, content, options = {}) => { return msgApi.open({