fix(core): adjust setting-modal layout to center tip (#4776)

packages/frontend/core/src/components/affine/setting-modal/index.tsx

@@ -137,7 +137,7 @@ export const SettingModal = ({
               <AccountSetting />
             ) : null}
           </div>
-          <div className="footer">
+          <div className={style.footer}>
             <a
               href="https://community.affine.pro/home"
               target="_blank"

packages/frontend/core/src/components/affine/setting-modal/style.css.ts

@@ -25,6 +25,7 @@ export const centerContainer = style({
 export const content = style({
   width: '100%',
   marginBottom: '24px',
+  minHeight: 'calc(100% - 48px)',
 });
 
 export const suggestionLink = style({
@@ -39,3 +40,10 @@ export const suggestionLinkIcon = style({
   marginRight: '12px',
   display: 'flex',
 });
+
+export const footer = style({
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  paddingBottom: '20px',
+});