Perf: vector queue and app ui (#1750)

packages/web/hooks/useConfirm.tsx

@@ -100,6 +100,7 @@ export const useConfirm = (props?: {
                     onClose();
                     typeof cancelCb.current === 'function' && cancelCb.current();
                   }}
+                  px={5}
                 >
                   {closeText}
                 </Button>
@@ -109,8 +110,9 @@ export const useConfirm = (props?: {
                 size={'sm'}
                 bg={bg ? bg : map.bg}
                 isDisabled={countDownAmount > 0}
-                ml={4}
+                ml={3}
                 isLoading={isLoading || requesting}
+                px={5}
                 onClick={async () => {
                   setRequesting(true);
                   try {

packages/web/hooks/useEditTextarea.tsx

@@ -115,7 +115,9 @@ export const useEditTextarea = ({
               {closeBtnText}
             </Button>
           )}
-          <Button onClick={onclickConfirm}>{t('common.Confirm')}</Button>
+          <Button onClick={onclickConfirm} px={6}>
+            {t('common.Confirm')}
+          </Button>
         </ModalFooter>
       </MyModal>
     ),