[web] Edit layout & qrcode size

dnjooiopa · Apr 24, 2024 · f3e4201 · f3e4201
1 parent a5495fc
commit f3e4201
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/web/src/app/(auth)/layout.tsx b/web/src/app/(auth)/layout.tsx
@@ -6,7 +6,7 @@ const Layout = ({ children }: Readonly<{ children: React.ReactNode }>) => {
     <Providers>
       <div className="p-4">
         <MenuDropdown />
-        <main className="mt-16 max-w-md mx-auto text-center">{children}</main>
+        <main className="mt-16 px-8 max-w-md mx-auto text-center">{children}</main>
       </div>
     </Providers>
   )

diff --git a/web/src/app/(auth)/receive/Receive.tsx b/web/src/app/(auth)/receive/Receive.tsx
@@ -65,7 +65,7 @@ const Receive: FC<{}> = () => {
       {invoice && (
         <div className="flex flex-col">
           <div className="mx-auto mt-6">
-            <QRCanvas text={invoice} />
+            <QRCanvas text={invoice} options={{ width: 256 }} />
           </div>
           <p className="mt-2 break-words">{invoice}</p>
         </div>

diff --git a/web/src/components/Transactions.tsx b/web/src/components/Transactions.tsx
@@ -82,7 +82,7 @@ const Transactions: FC<{}> = () => {
   }, [isMounted])
 
   return (
-    <div className="px-12 py-4">
+    <div>
       {payments.map((tx, i) => (
         <Tx key={i} {...tx} />
       ))}