diff --git a/src/app/@auth/(.)receive/page.tsx b/src/app/@auth/(.)receive/page.tsx index 163eb87..da92da5 100644 --- a/src/app/@auth/(.)receive/page.tsx +++ b/src/app/@auth/(.)receive/page.tsx @@ -11,6 +11,7 @@ import QRCode from 'react-qr-code'; // Redux import { useSelector } from 'react-redux'; import Qr from '@/app/components/Qr/Qr'; +import { DrawerHeader, DrawerTitle } from '@/app/components/ui/drawer'; export default function Page() { const address = useSelector((state: string) => state.address.value); @@ -18,9 +19,10 @@ export default function Page() { return ( <>
-
-

Receive

-
+ + Receive + +
diff --git a/src/app/components/Qr/Qr.tsx b/src/app/components/Qr/Qr.tsx index ee910d8..1f61205 100644 --- a/src/app/components/Qr/Qr.tsx +++ b/src/app/components/Qr/Qr.tsx @@ -17,7 +17,7 @@ export default function Qr() { useEffect(() => { function handleResize() { const screenWidth = window.innerWidth; // Get the screen width - const tenPercentOfScreenWidth = screenWidth * 0.1; // Calculate 10% of the screen width + const tenPercentOfScreenWidth = screenWidth * 0.3; // Calculate 10% of the screen width const screenWidthMinusTenPercent = screenWidth - tenPercentOfScreenWidth; // Subtract 10% from the screen width setWindowWidth(screenWidthMinusTenPercent); // Set the state with the modified screen width }