From 22b307773d8024031394c49c45918fef056480fd Mon Sep 17 00:00:00 2001
From: hazae41 <4405263+hazae41@users.noreply.github.com>
Date: Wed, 14 Aug 2024 22:56:40 +0700
Subject: [PATCH] fix, ratio

---
 pages/action.tsx                                              | 4 ++--
 src/mods/background/service_worker/index.ts                   | 2 +-
 .../foreground/entities/wallets/actions/receive/receive.tsx   | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/pages/action.tsx b/pages/action.tsx
index e7b68faf..9bbcc9bf 100644
--- a/pages/action.tsx
+++ b/pages/action.tsx
@@ -8,8 +8,8 @@ export default function Action() {
   const background = useBackgroundContext().unwrap()
 
   useEffect(() => {
-    document.documentElement.classList.add("h-[600px]", "w-[400px]")
-    document.body.classList.add("h-[600px]", "w-[400px]")
+    document.documentElement.classList.add("h-[700px]", "w-[400px]")
+    document.body.classList.add("h-[700px]", "w-[400px]")
   }, [])
 
   const getHashOrThrow = useCallback(async () => {
diff --git a/src/mods/background/service_worker/index.ts b/src/mods/background/service_worker/index.ts
index 48941706..ac8600c8 100644
--- a/src/mods/background/service_worker/index.ts
+++ b/src/mods/background/service_worker/index.ts
@@ -260,7 +260,7 @@ class Global {
         return slot.current
       }
 
-      const height = 630
+      const height = 700
       const width = 400
 
       const top = Math.max(mouse.y - (height / 2), 0)
diff --git a/src/mods/foreground/entities/wallets/actions/receive/receive.tsx b/src/mods/foreground/entities/wallets/actions/receive/receive.tsx
index 1f58dcf3..5fb3c9ae 100644
--- a/src/mods/foreground/entities/wallets/actions/receive/receive.tsx
+++ b/src/mods/foreground/entities/wallets/actions/receive/receive.tsx
@@ -62,6 +62,7 @@ export function WalletDataReceiveScreen(props: {}) {
         {`This is an Ethereum address, only send Ethereum-compatible stuff to this address`}
       </div>
     </div>
+    <div className="h-4 grow" />
     {typeof navigator.share === "function" &&
       <div className="flex items-center flex-wrap-reverse gap-2">
         <WideShrinkableOppositeButton