fix: Fixed the issue that the link text does not wrap, causing abnorm…

…al content layout fix: Fix the problem of image compression ratio
u14app · Feb 3, 2025 · 1c9c702 · 1c9c702
1 parent 6f2874e
commit 1c9c702
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/components/Magicdown/index.tsx b/components/Magicdown/index.tsx
@@ -68,7 +68,7 @@ function Magicdown({ children: content, className, ...rest }: Options) {
           }
         },
         a: (props) => {
-          const { children, href = '', target, ...rest } = props
+          const { children, className, href = '', target, ...rest } = props
           if (/\.(aac|mp3|opus|wav)$/.test(href)) {
             return (
               <figure>
@@ -85,7 +85,12 @@ function Magicdown({ children: content, className, ...rest }: Options) {
           }
           const isInternal = /^\/#/i.test(href)
           return (
-            <a {...omit(rest, ['node'])} href={href} target={isInternal ? '_self' : target ?? '_blank'}>
+            <a
+              {...omit(rest, ['node'])}
+              className={clsx('break-all', className)}
+              href={href}
+              target={isInternal ? '_self' : target ?? '_blank'}
+            >
               {children}
             </a>
           )

diff --git a/utils/upload.ts b/utils/upload.ts
@@ -21,8 +21,7 @@ type imageUploadOptions = {
 }
 
 const compressionOptions = {
-  maxSizeMB: 2,
-  maxWidthOrHeight: 1024,
+  maxSizeMB: 4,
   useWebWorker: true,
   initialQuality: 0.85,
   libURL: 'scripts/browser-image-compression.js',