📱 fix: Fixed the height issue of adding account dialog on mobile.

web/src/components/account-dialog.tsx

@@ -185,7 +185,7 @@ export function AccountDialog({
       <DialogTrigger asChild>{children}</DialogTrigger>
       <DialogContent
         aria-describedby={undefined}
-        className="relative h-full w-full pb-10 md:h-auto md:min-h-40 md:min-w-[550px]"
+        className="h-full w-full pb-10 md:h-auto md:min-h-40 md:min-w-[550px]"
       >
         <DialogHeader>
           <DialogTitle className="flex items-center gap-2">
@@ -195,6 +195,7 @@ export function AccountDialog({
             </p>
           </DialogTitle>
         </DialogHeader>
+        <div className="relative h-full w-full">
           {!debounceIsCreateMutating && !initSuccessfully && (
             <div className="flex flex-col items-center justify-center space-y-4">
               <Button
@@ -291,7 +292,10 @@ export function AccountDialog({
               {authState && (
                 <Button
                   type="submit"
-                className={cn("w-full", isMethodExecuting ? "opacity-50" : "")}
+                  className={cn(
+                    "w-full",
+                    isMethodExecuting ? "opacity-50" : "",
+                  )}
                   disabled={isMethodExecuting}
                 >
                   {isMethodExecuting ? (
@@ -310,6 +314,7 @@ export function AccountDialog({
             enableSelect={true}
             className="absolute bottom-1 right-1"
           />
+        </div>
       </DialogContent>
     </Dialog>
   );