saulteafarmer/mkstack
1
0
Fork 0
mirror of https://gitlab.com/soapbox-pub/mkstack.git synced 2025-08-27 04:59:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

more potential mobile sizing fixes for vh

Browse Source
This commit is contained in:
Chad Curtis 2025-07-14 07:44:12 +00:00
parent 0484b10a96
commit 4c129251c7
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/WalletModal.tsx
View File

@ -269,7 +269,7 @@ export function WalletModal({ children, className }: WalletModalProps) {
</Button> </Button>
)} )}
</DrawerTrigger> </DrawerTrigger>
<DrawerContent className="max-h-[90vh]"> <DrawerContent className="h-full">
<DrawerHeader className="text-center relative"> <DrawerHeader className="text-center relative">
{/* Close button */} {/* Close button */}
<DrawerClose asChild> <DrawerClose asChild>

4
src/components/ZapDialog.tsx
View File

@ -94,7 +94,7 @@ const ZapContent = forwardRef<HTMLDivElement, ZapContentProps>(({
<div className="flex flex-col justify-center min-h-0 flex-1"> <div className="flex flex-col justify-center min-h-0 flex-1">
{/* QR Code */} {/* QR Code */}
<div className="flex justify-center px-2 sm:px-4"> <div className="flex justify-center px-2 sm:px-4">
<Card className="p-2 sm:p-4 w-full [@media(max-height:680px)]:max-w-[65vw] max-w-[95vw] sm:max-w-sm"> <Card className="p-2 sm:p-4 [@media(max-height:680px)]:max-w-[65vw] max-w-[95vw] sm:max-w-sm mx-auto">
<CardContent className="p-0 flex justify-center"> <CardContent className="p-0 flex justify-center">
{qrCodeUrl ? ( {qrCodeUrl ? (
<img <img
@ -374,7 +374,7 @@ export function ZapDialog({ target, children, className }: ZapDialogProps) {
</div> </div>
</DrawerTrigger> </DrawerTrigger>
<DrawerContent <DrawerContent
className={invoice ? "h-[100vh] rounded-none" : "max-h-[95vh]"} className={invoice ? "h-full" : "max-h-[95vh]"}
data-testid="zap-modal" data-testid="zap-modal"
> >
<DrawerHeader className="text-center relative"> <DrawerHeader className="text-center relative">