From 85e2984ea8e33f80e049342d06617f77613e6009 Mon Sep 17 00:00:00 2001
From: unclebill <billbill290@gmail.com>
Date: Tue, 10 May 2022 18:09:56 +0800
Subject: [PATCH] fix: adjust layout of dialog title

---
 packages/mask/src/plugins/Tips/components/TipDialog.tsx     | 2 ++
 .../src/social-network-adaptor/twitter.com/ui-provider.ts   | 6 +++++-
 packages/shared/src/contexts/components/InjectedDialog.tsx  | 2 --
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/mask/src/plugins/Tips/components/TipDialog.tsx b/packages/mask/src/plugins/Tips/components/TipDialog.tsx
index 9f944db06ba0..9ab6a715447a 100644
--- a/packages/mask/src/plugins/Tips/components/TipDialog.tsx
+++ b/packages/mask/src/plugins/Tips/components/TipDialog.tsx
@@ -39,6 +39,8 @@ const useStyles = makeStyles()((theme) => ({
     },
     dialogTitle: {
         height: 60,
+        paddingTop: '0 !important',
+        paddingBottom: '0 !important',
     },
     content: {
         display: 'flex',
diff --git a/packages/mask/src/social-network-adaptor/twitter.com/ui-provider.ts b/packages/mask/src/social-network-adaptor/twitter.com/ui-provider.ts
index 6aa783aeb9d3..fa2b9fb02033 100644
--- a/packages/mask/src/social-network-adaptor/twitter.com/ui-provider.ts
+++ b/packages/mask/src/social-network-adaptor/twitter.com/ui-provider.ts
@@ -61,7 +61,8 @@ const useInjectedDialogClassesOverwriteTwitter = makeStyles()((theme) => {
             },
         },
         dialogTitle: {
-            display: 'flex',
+            display: 'grid',
+            gridTemplateColumns: 'repeat(3, 1fr)',
             alignItems: 'center',
             padding: '17px 16px',
             position: 'relative',
@@ -83,6 +84,9 @@ const useInjectedDialogClassesOverwriteTwitter = makeStyles()((theme) => {
                 padding: '7px 14px 6px 11px !important',
             },
         },
+        dialogTitleTail: {
+            gridColumn: 3,
+        },
         dialogContent: {
             padding: 16,
             [smallQuery]: {
diff --git a/packages/shared/src/contexts/components/InjectedDialog.tsx b/packages/shared/src/contexts/components/InjectedDialog.tsx
index bdb15c599dfe..7bcfa0ac55d8 100644
--- a/packages/shared/src/contexts/components/InjectedDialog.tsx
+++ b/packages/shared/src/contexts/components/InjectedDialog.tsx
@@ -25,7 +25,6 @@ interface StyleProps {
 
 const useStyles = makeStyles<StyleProps>()((theme, { clean }) => ({
     dialogTitle: {
-        padding: theme.spacing(1, 2),
         whiteSpace: 'nowrap',
     },
     dialogContent: {
@@ -38,7 +37,6 @@ const useStyles = makeStyles<StyleProps>()((theme, { clean }) => ({
     },
     dialogCloseButton: {
         color: theme.palette.text.primary,
-        position: 'absolute',
         padding: 0,
         width: 24,
         height: 24,