Styles

viaprotocol · Oct 5, 2023 · 0108707 · 0108707
1 parent 0832b85
commit 0108707
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 15 deletions.
diff --git a/src/ui/assets/close-white.svg b/src/ui/assets/close-white.svg
diff --git a/src/ui/style/index.less b/src/ui/style/index.less
@@ -345,6 +345,6 @@ button:focus {
 
 @layer utilities {
   .main-button {
-    @apply text-mainButton font-semibold bg-mainButton hover:bg-mainButtonHover active:bg-mainButtonActive disabled:bg-mainButtonDisabled !important;
+    @apply text-mainButton font-semibold bg-mainButton hover:bg-mainButtonHover active:bg-mainButtonActive disabled:bg-mainButtonDisabled disabled:cursor-not-allowed !important;
   }
 }
diff --git a/src/ui/views/Approval/components/Actions/TokenApprove.tsx b/src/ui/views/Approval/components/Actions/TokenApprove.tsx
@@ -136,7 +136,7 @@ const ApproveAmountModal = ({
       <div className="flex justify-center mt-32 popup-footer">
         <Button
           type="primary"
-          className="w-[200px]"
+          className="w-[200px] main-button"
           size="large"
           htmlType="submit"
           disabled={!canSubmit}

diff --git a/src/ui/views/Approval/components/FooterBar/SubmitActions.tsx b/src/ui/views/Approval/components/FooterBar/SubmitActions.tsx
@@ -43,19 +43,14 @@ export const SubmitActions: React.FC<Props> = ({
           )}
         >
           <button
-            className={clsx(
-              'text-button bg-button enabled:hover:bg-button-hover enabled:active:bg-button-active',
-              'w-[184px] h-full',
-              'font-medium'
-            )}
+            className="w-[184px] h-full main-button"
             onClick={handleClickConfirm}
           >
             {t('global.confirmButton')}
           </button>
           <button
             className={clsx(
-              'text-button bg-button enabled:hover:bg-button-hover enabled:active:bg-button-active',
-              'w-[60px] h-full',
+              'w-[60px] h-full main-button',
               'flex justify-center items-center'
             )}
             onClick={handleClickCancel}
@@ -73,8 +68,7 @@ export const SubmitActions: React.FC<Props> = ({
               disabled={disabledProcess}
               type="primary"
               className={clsx(
-                'w-[246px] h-[48px] rounded-[8px] text-button',
-                'bg-button enabled:hover:bg-button-hover enabled:active:bg-button-active disabled:opacity-40 disabled:cursor-not-allowed',
+                'w-[246px] h-[48px] rounded-[8px] main-button',
                 'before:content-none'
               )}
               onClick={handleClickSign}

diff --git a/src/ui/views/Approval/components/TxComponents/GasSelecter.tsx b/src/ui/views/Approval/components/TxComponents/GasSelecter.tsx
@@ -907,7 +907,7 @@ const GasSelector = ({
         <div className="flex justify-center mt-32 popup-footer">
           <Button
             type="primary"
-            className="w-[200px]"
+            className="w-[200px] main-button"
             size="large"
             onClick={handleModalConfirmGas}
             disabled={!isReady || validateStatus.customGas.status === 'error'}

diff --git a/src/ui/views/SendToken/components/ModalConfirmAddToContacts.tsx b/src/ui/views/SendToken/components/ModalConfirmAddToContacts.tsx
@@ -209,7 +209,10 @@ function ModalConfirmAddToContacts({
             type="primary"
             size="large"
             htmlType="submit"
-            className={clsx(cancelText ? 'w-[172px]' : 'w-[200px]')}
+            className={clsx(
+              'main-button',
+              cancelText ? 'w-[172px]' : 'w-[200px]'
+            )}
             disabled={false}
           >
             {confirmText}