fix: modify icons (#1184)

apps/web/src/components/workspace-modal/Footer.tsx

@@ -51,7 +51,7 @@ export const Footer = ({
           bold
           icon={
             <div className="circle">
-              <CloudWorkspaceIcon fontSize={16} />
+              <CloudWorkspaceIcon />
             </div>
           }
           onClick={async () => {

apps/web/src/components/workspace-modal/styles.ts

@@ -166,6 +166,8 @@ export const StyledSignInButton = styled(Button)(({ theme }) => {
       backgroundColor: theme.colors.innerHoverBackground,
       flexShrink: 0,
       marginRight: '16px',
+      fontSize: '24px',
+      color: theme.colors.primaryColor,
       ...displayInlineFlex('center', 'center'),
     },
   };

apps/web/src/components/workspace-setting/general/delete/style.ts

@@ -7,7 +7,7 @@ export const StyledModalWrapper = styled('div')(({ theme }) => {
     width: '560px',
     background: theme.colors.popoverBackground,
     borderRadius: '12px',
-    height: '312px',
+    // height: '312px',
   };
 });
 
@@ -42,17 +42,14 @@ export const StyledInputContent = styled('div')(({ theme }) => {
     display: 'flex',
     flexDirection: 'row',
     justifyContent: 'center',
-    margin: '42px 0',
+    margin: '24px 0',
     fontSize: theme.font.base,
   };
 });
 
 export const StyledButtonContent = styled('div')(() => {
   return {
-    position: 'absolute',
-    left: '50%',
-    transform: 'translateX(-50%)',
-    bottom: '42px',
+    marginBottom: '42px',
     display: 'flex',
     flexDirection: 'row',
     justifyContent: 'center',