feat: mock sync

packages/app/src/components/workspace-setting/style.ts

@@ -199,11 +199,12 @@ export const StyledMoreVerticalButton = styled('button')(() => {
 
 export const StyledPublishExplanation = styled('div')(() => {
   return {
-    marginTop: '56px',
     paddingRight: '48px',
     fontWeight: '500',
     fontSize: '18px',
     lineHeight: '26px',
+    flex: 1,
+    marginTop: '60px',
   };
 });
 
@@ -213,7 +214,9 @@ export const StyledPublishCopyContainer = styled('div')(() => {
     display: 'flex',
     flexDirection: 'row',
     alignItems: 'center',
+
     height: '38px',
+    paddingTop: '20px',
   };
 });
 
@@ -226,5 +229,7 @@ export const StyledCopyButtonContainer = styled('div')(() => {
 export const StyledPublishContent = styled('div')(() => {
   return {
     height: '494px',
+    display: 'flex',
+    flexDirection: 'column',
   };
 });