From 782df0c383ddde3151d9d7a8594f57899bd35329 Mon Sep 17 00:00:00 2001
From: NFish <douxc512@gmail.com>
Date: Wed, 19 Feb 2025 15:30:19 +0800
Subject: [PATCH] fix: update offline notice style

---
 web/app/components/base/toast/index.tsx | 2 +-
 web/app/components/sentry-initor.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/app/components/base/toast/index.tsx b/web/app/components/base/toast/index.tsx
index 4526eaafcc..e24ab8a67b 100644
--- a/web/app/components/base/toast/index.tsx
+++ b/web/app/components/base/toast/index.tsx
@@ -59,7 +59,7 @@ const Toast = ({
     }`}
     />
     <div className={`flex ${size === 'md' ? 'gap-1' : 'gap-0.5'}`}>
-      <div className={`flex justify-center items-center ${size === 'md' ? 'p-0.5' : 'p-1'}`}>
+      <div className={`flex justify-center items-start ${size === 'md' ? 'p-0.5' : 'p-1'}`}>
         {type === 'success' && <RiCheckboxCircleFill className={`${size === 'md' ? 'w-5 h-5' : 'w-4 h-4'} text-text-success`} aria-hidden="true" />}
         {type === 'error' && <RiErrorWarningFill className={`${size === 'md' ? 'w-5 h-5' : 'w-4 h-4'} text-text-destructive`} aria-hidden="true" />}
         {type === 'warning' && <RiAlertFill className={`${size === 'md' ? 'w-5 h-5' : 'w-4 h-4'} text-text-warning-secondary`} aria-hidden="true" />}
diff --git a/web/app/components/sentry-initor.tsx b/web/app/components/sentry-initor.tsx
index 8f31eb8969..76c17b0df5 100644
--- a/web/app/components/sentry-initor.tsx
+++ b/web/app/components/sentry-initor.tsx
@@ -17,7 +17,7 @@ const SentryInit = ({
       type: 'warning',
       message: t('common.offlineNotice'),
       duration: 60000,
-      className: 'fixed left-1/2 -translate-x-1/2',
+      className: 'fixed left-1/2 -translate-x-1/2 !w-[520px]',
     })
   }, [t])
   useEffect(() => {