Merge pull request #19 from interledger/18-layout-change

Change layout
interledger · Apr 29, 2024 · 72ca11d · 72ca11d
2 parents 684f376 + 1d2bd51
commit 72ca11d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/app/root.tsx b/app/root.tsx
@@ -52,8 +52,8 @@ export default function App() {
         <Links />
       </head>
 
-      <body className="bg-background h-screen text-primary flex justify-center items-center">
-        <div className="bg-foreground h-fit py-10 px-6 w-full md:w-3/4 shadow-md rounded-sm">
+      <body className="bg-foreground text-primary flex justify-center items-center h-screen">
+        <div className="w-full h-full p-20">
           <DialogProvider>
             <DialPadProvider>
               <Outlet />

diff --git a/app/routes/ilpay.tsx b/app/routes/ilpay.tsx
@@ -39,7 +39,12 @@ export default function Ilpay() {
         <div className="h-2/3 items-center justify-center flex flex-col gap-10 w-full max-w-sm">
           <DialPad />
           <div className="flex gap-2">
-            <Link to={`/request`}>
+            <Link
+              to={`/request`}
+              onClick={(e: React.MouseEvent<HTMLElement>) => {
+                if (Number(amountValue) === 0) e.preventDefault();
+              }}
+            >
               <Button
                 aria-label="request"
                 variant="outline"
@@ -49,7 +54,12 @@ export default function Ilpay() {
                 Request
               </Button>
             </Link>
-            <Link to={`/pay`}>
+            <Link
+              to={`/pay`}
+              onClick={(e: React.MouseEvent<HTMLElement>) => {
+                if (Number(amountValue) === 0) e.preventDefault();
+              }}
+            >
               <Button
                 aria-label="pay"
                 size={"sm"}