fix: notification component size adaptation (#70)

Author: monkeyWie

README.md

@@ -45,21 +45,21 @@ This extension is "**ready to use after download**" and usually requires no worr
    - Note: `.tar.gz` would be matched by both `.gz` and `.tar.gz`
 
    ```text
-   jpg
-   jpeg
-   png
-   tif
-   tiff
-   webp
-   avif
-   gif
-   pdf
-   docx
-   doc
-   pptx
-   ppt
-   xlsx
-   xls
+   .jpg
+   .jpeg
+   .png
+   .tif
+   .tiff
+   .webp
+   .avif
+   .gif
+   .pdf
+   .docx
+   .doc
+   .pptx
+   .ppt
+   .xlsx
+   .xls
    ```
 
 ### How to set domains that do not need to be captured

README_zh-CN.md

@@ -45,21 +45,21 @@
    - 注：`.tar.gz` 会被 `.gz` 与 `.tar.gz` 匹配
 
    ```text
-   jpg
-   jpeg
-   png
-   tif
-   tiff
-   webp
-   avif
-   gif
-   pdf
-   docx
-   doc
-   pptx
-   ppt
-   xlsx
-   xls
+   .jpg
+   .jpeg
+   .png
+   .tif
+   .tiff
+   .webp
+   .avif
+   .gif
+   .pdf
+   .docx
+   .doc
+   .pptx
+   .ppt
+   .xlsx
+   .xls
    ```
 
 ### 如何屏蔽来自指定域名的文件

contents/notify.tsx

@@ -20,13 +20,24 @@ export const getStyle = () => styleElement
 function PlasmoOverlay() {
   const notify = usePort("notify")
   const [open, setOpen] = useState(false)
+  const [rootFontSize, setRootFontSize] = useState("")
 
   const handleClose = () => {
     setOpen(false)
+    if (rootFontSize) {
+      setTimeout(() => {
+        document.documentElement.style.fontSize = rootFontSize
+      }, 500)
+    }
   }
 
   useEffect(() => {
     if (notify.data) {
+      const tempRootFontSize = document.documentElement.style.fontSize
+      if (tempRootFontSize && parseInt(tempRootFontSize) > 32) {
+        document.documentElement.style.fontSize = null
+        setRootFontSize(tempRootFontSize)
+      }
       setOpen(true)
     }
   }, [notify.data])
@@ -39,8 +50,7 @@ function PlasmoOverlay() {
             open={open}
             anchorOrigin={{ vertical: "bottom", horizontal: "right" }}
             autoHideDuration={6000}
-            onClose={handleClose}
-            message={notify.data.message}>
+            onClose={handleClose}>
             <Alert
               onClose={handleClose}
               severity={notify.data.type || "success"}