Stack KYC action buttons vertically on mobile to prevent cutoff
This commit is contained in:
@@ -100,9 +100,9 @@ export function KYCReviewSheet({ partner, open, onOpenChange }: KYCReviewSheetPr
|
||||
|
||||
<div className="space-y-3">
|
||||
<h4 className="text-sm font-semibold">Verification Decision</h4>
|
||||
<div className="flex gap-3">
|
||||
<div className="flex flex-col sm:flex-row gap-3">
|
||||
<Button
|
||||
className="flex-1 bg-success hover:bg-success/90 text-white gap-2"
|
||||
className="w-full sm:flex-1 bg-success hover:bg-success/90 text-white gap-2"
|
||||
onClick={handleApprove}
|
||||
disabled={status !== 'pending'}
|
||||
>
|
||||
@@ -111,7 +111,7 @@ export function KYCReviewSheet({ partner, open, onOpenChange }: KYCReviewSheetPr
|
||||
</Button>
|
||||
<Button
|
||||
variant="destructive"
|
||||
className="flex-1 gap-2"
|
||||
className="w-full sm:flex-1 gap-2"
|
||||
onClick={handleReject}
|
||||
disabled={status !== 'pending'}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user