shkong/clash-verge-rev
1
0
Fork 0
mirror of https://github.com/clash-verge-rev/clash-verge-rev synced 2025-05-05 05:13:44 +08:00
Code Packages Projects Releases Activity

fix: style issue on mac

Browse Source
This commit is contained in:
GyDi 2022-06-15 02:41:37 +08:00
parent 3801443c9c
commit 3311b5a6e3
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/base/base-notice.tsx
View File

@ -26,12 +26,13 @@ const NoticeInner = (props: InnerProps) => {
type === "info" ? ( type === "info" ? (
message message
) : ( ) : (
<Box sx={{ display: "flex", alignItems: "center" }}> <Box sx={{ width: 328, display: "flex", alignItems: "center" }}>
{type === "error" && <ErrorRounded color="error" />} {type === "error" && <ErrorRounded color="error" />}
{type === "success" && <CheckCircleRounded color="success" />} {type === "success" && <CheckCircleRounded color="success" />}
<Typography <Typography
sx={{ ml: 1, wordWrap: "break-word", wordBreak: "break-all" }} component="span"
sx={{ ml: 1, wordWrap: "break-word", width: "calc(100% - 35px)" }}
> >
{message} {message}
</Typography> </Typography>
@ -79,7 +80,7 @@ const Notice: NoticeInstance = (props) => {
const onUnmount = () => { const onUnmount = () => {
const result = ReactDOM.unmountComponentAtNode(container); const result = ReactDOM.unmountComponentAtNode(container);
if (result && parent) setTimeout(() => parent.removeChild(container), 300); if (result && parent) setTimeout(() => parent.removeChild(container), 500);
}; };
ReactDOM.render(<NoticeInner {...props} onClose={onUnmount} />, container); ReactDOM.render(<NoticeInner {...props} onClose={onUnmount} />, container);