fix(ToastPortal): prevent text overflow by adjusting toast width styles

2025-10-12 04:13:32 +08:00
parent fd1a3faa69
commit 5776512bf6
1 changed files with 2 additions and 1 deletions
--- a/src/renderer/src/components/ToastPortal.tsx
+++ b/src/renderer/src/components/ToastPortal.tsx
@@ -23,7 +23,8 @@ export const ToastPortal = () => {
        timeout: 3000,
        classNames: {
          // This setting causes the 'hero-toast' class to be applied twice to the toast element. This is weird and I don't know why, but it works.
-          base: 'hero-toast'
+          // `w-auto` would not overwrite default style, which set the width to a fixed value and causes text overflow.
+          base: 'hero-toast w-auto! max-w-[50vw]'
        }
      }}
    />,