feat: button update

Author: cuzz-venus

apps/evm/src/components/Notice/index.tsx

@@ -26,9 +26,9 @@ export const Notice = ({
 }: NoticeProps) => (
   <div
     className={cn(
-      'relative bg-background rounded-lg border transition-colors overflow-hidden',
+      'relative rounded-lg border transition-colors overflow-hidden',
       (variant === 'info' || variant === 'loading') && 'border-lightGrey',
-      variant === 'error' && 'border-red',
+      variant === 'error' && 'bg-red/10 backdrop-blur-lg border-red',
       variant === 'success' && 'border-green',
       variant === 'warning' && 'border-orange',
       className,
@@ -40,7 +40,6 @@ export const Notice = ({
         'flex transition-colors ease-linear px-3 py-2',
         size === 'md' && 'md:px-4 md:py-3',
         variant === 'info' && 'bg-blue/5',
-        variant === 'error' && 'bg-red/5',
         variant === 'success' && 'bg-green/5',
         variant === 'warning' && 'bg-orange/5',
       )}

apps/evm/src/libs/errors/ContractErrorNotice/index.tsx

@@ -24,11 +24,11 @@ export const ContractErrorNotice: React.FC<ContractErrorNoticeProps> = ({
   const headline = friendlyPhrase ?? t('contractErrors.notice.fallback');
 
   return (
-    <div className="space-y-3">
-      <p className="text-sm">{headline}</p>
+    <div className="space-y-2">
+      <p className="text-sm text-white">{headline}</p>
 
       {!hasFriendlyPhrase && (
-        <div className="rounded-lg bg-background-active px-3 py-2 font-mono text-xs break-all">
+        <div className="rounded-lg border border-dark-grey-hover bg-background/50 px-3 py-2 font-mono text-xs break-all">
           <span className="text-light-grey">{t('contractErrors.notice.errorLabel')}: </span>
           <span className="text-white">{errorName}</span>
           {signature && <span className="text-light-grey"> ({signature})</span>}
@@ -49,7 +49,7 @@ export const ContractErrorNotice: React.FC<ContractErrorNoticeProps> = ({
       {isRawVisible && (
         <pre
           className={cn(
-            'max-h-60 overflow-auto rounded-lg bg-background-active p-3',
+            'max-h-60 overflow-auto rounded-lg border border-dark-grey-hover bg-background/50 p-3',
             'font-mono text-xs text-white whitespace-pre-wrap break-all',
           )}
         >

apps/evm/src/libs/errors/handleContractError/index.tsx

@@ -21,7 +21,6 @@ export const handleContractError = ({ error, parsed }: HandleContractErrorInput)
 
   displayNotification({
     variant: 'error',
-    autoClose: false,
     description: (
       <ContractErrorNotice
         friendlyPhrase={friendlyPhrase}