fix: result page padding issue fix

getAlby · Nov 16, 2023 · 6fef48f · 6fef48f
1 parent 693b338
commit 6fef48f
Showing 1 changed file with 31 additions and 25 deletions.
diff --git a/src/app/screens/LNURLPay/index.tsx b/src/app/screens/LNURLPay/index.tsx
@@ -329,31 +329,37 @@ function LNURLPay() {
     }
 
     return (
-      <Container justifyBetween maxWidth="sm">
-        <div>
-          <ResultCard
-            isSuccess
-            message={tCommon("success_message", {
-              amount: getFormattedSats(valueSat),
-              fiatAmount: showFiat ? ` (${fiatValue})` : ``,
-              destination: navState.origin?.name || getRecipient(),
-            })}
-          />
-          {isMessage && (
-            <dl className="shadow bg-white dark:bg-surface-02dp mt-4 pt-4 px-4 rounded-lg mb-6 overflow-hidden">
-              {descriptionList.map(([dt, dd]) => (
-                <>
-                  <Dt>{dt}</Dt>
-                  <Dd>{dd}</Dd>
-                </>
-              ))}
-            </dl>
-          )}
-        </div>
-        <div className="mb-4">
-          <Button onClick={close} label={tCommon("actions.close")} fullWidth />
-        </div>
-      </Container>
+      <div className="grow">
+        <Container justifyBetween maxWidth="sm">
+          <div>
+            <ResultCard
+              isSuccess
+              message={tCommon("success_message", {
+                amount: getFormattedSats(valueSat),
+                fiatAmount: showFiat ? ` (${fiatValue})` : ``,
+                destination: navState.origin?.name || getRecipient(),
+              })}
+            />
+            {isMessage && (
+              <dl className="shadow bg-white dark:bg-surface-02dp mt-4 pt-4 px-4 rounded-lg mb-6 overflow-hidden">
+                {descriptionList.map(([dt, dd]) => (
+                  <>
+                    <Dt>{dt}</Dt>
+                    <Dd>{dd}</Dd>
+                  </>
+                ))}
+              </dl>
+            )}
+          </div>
+          <div>
+            <Button
+              onClick={close}
+              label={tCommon("actions.close")}
+              fullWidth
+            />
+          </div>
+        </Container>
+      </div>
     );
   }