feat(neuron-ui): adjust the layout of the qr scanner dialog

nervosnetwork · Sep 19, 2019 · 5d91d90 · 5d91d90
1 parent 6d25d67
commit 5d91d90
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/neuron-ui/src/widgets/QRScanner/index.tsx b/packages/neuron-ui/src/widgets/QRScanner/index.tsx
@@ -139,10 +139,16 @@ const QRScanner = ({ title, label, onConfirm, styles }: QRScannerProps) => {
       </button>
       <Dialog hidden={!open} onDismiss={onDismiss} maxWidth="900px" minWidth="500xp">
         <h1>{title}</h1>
-        <div>
+        <div style={{ display: 'flex', justifyContent: 'center' }}>
           <canvas ref={canvasRef} />
         </div>
-        <DialogFooter>
+        <DialogFooter
+          styles={{
+            actionsRight: {
+              width: '100%',
+            },
+          }}
+        >
           <TextField readOnly value={data} label={label} underlined />
           <Stack horizontal horizontalAlign="end" tokens={{ childrenGap: 10 }}>
             <DefaultButton onClick={onDismiss}>{t('common.cancel')}</DefaultButton>