fix(ui): center align dialog header headings

addresses "Unlike other modals, this one's left-aligned here but center-aligned on Zeplin:" issue in LN-Zap#3046
bolatovumar · Oct 26, 2019 · 9451bce · 9451bce
1 parent 4416f62
commit 9451bce
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/renderer/components/Channels/ChannelCloseDialog.js b/renderer/components/Channels/ChannelCloseDialog.js
@@ -40,7 +40,7 @@ const DialogWrapper = ({ intl, isForceClose, isOpen, onClose, onCancel, csvDelay
       <Box color="superRed" mb={2}>
         <Delete height={72} width={72} />
       </Box>
-      <Heading.h1>
+      <Heading.h1 textAlign="center">
         <FormattedMessage {...messages.close_channel_dialog_header} />
       </Heading.h1>
     </Flex>

diff --git a/renderer/components/Dialog/DialogLndCrashed.js b/renderer/components/Dialog/DialogLndCrashed.js
@@ -38,7 +38,7 @@ const DialogLndCrashed = ({ onCancel, lndCrashReason, history, isOpen }) => {
       <Box color="lightningOrange" mb={2}>
         <Delete height={72} width={72} />
       </Box>
-      <Heading.h1>
+      <Heading.h1 textAlign="center">
         <FormattedMessage {...messages.lnd_crashed_dialog_header} />
       </Heading.h1>
     </Flex>

diff --git a/renderer/components/Home/DeleteWalletDialog.js b/renderer/components/Home/DeleteWalletDialog.js
@@ -38,7 +38,7 @@ const DialogWrapper = ({ intl, isOpen, walletDir, onDelete, onCancel }) => {
       <Box color="superRed" mb={2}>
         <Delete height={72} width={72} />
       </Box>
-      <Heading.h1>
+      <Heading.h1 textAlign="center">
         <FormattedMessage {...messages.delete_wallet_dialog_header} />
       </Heading.h1>
     </Flex>

diff --git a/renderer/components/Onboarding/Steps/components/ErrorDialog.js b/renderer/components/Onboarding/Steps/components/ErrorDialog.js
@@ -16,7 +16,7 @@ const ErrorDialog = ({ onClose, error, isRestoreMode, isOpen }) => {
       <Box color="superRed" mb={2}>
         <Delete height={72} width={72} />
       </Box>
-      <Heading.h1>
+      <Heading.h1 textAlign="center">
         <FormattedMessage {...messages.error_dialog_header} />
       </Heading.h1>
     </Flex>

diff --git a/renderer/components/Onboarding/Steps/components/SkipBackupsDialog.js b/renderer/components/Onboarding/Steps/components/SkipBackupsDialog.js
@@ -36,7 +36,7 @@ const DialogWrapper = ({ intl, isOpen, isRestoreMode, onSkip, onCancel }) => {
       <Box color="lightningOrange" mb={2}>
         <Warning height={72} width={72} />
       </Box>
-      <Heading.h1>
+      <Heading.h1 textAlign="center">
         <FormattedMessage {...messages.skip_backup_dialog_warning_header} />
       </Heading.h1>
     </Flex>