fix(app): size the update dialog like Pulse and blur the backdrop

Refs #139

Author: gnacho

app/src/components/UpdateDialog.tsx

@@ -231,7 +231,7 @@ export function UpdateDialog({ open, onOpenChange, initialStatus }: UpdateDialog
 
   return (
     <Dialog open={open} onOpenChange={(o) => !busy && onOpenChange(o)}>
-      <DialogContent className="flex max-h-[92vh] w-full flex-col gap-4 overflow-y-auto md:h-[calc(100vh-2rem)] md:w-[calc(100vw-2rem)] md:max-w-none md:overflow-hidden">
+      <DialogContent className="flex max-h-[92vh] w-full flex-col gap-4 overflow-y-auto md:h-[600px] md:max-h-[calc(100vh-2rem)] md:w-[800px] md:max-w-[calc(100vw-2rem)] md:overflow-hidden">
         <DialogHeader>
           <DialogTitle className="flex items-center gap-2">
             <DownloadCloud className="h-5 w-5 text-accent" strokeWidth={1.75} aria-hidden="true" />

app/src/components/ui/dialog.tsx

@@ -36,7 +36,7 @@ function DialogOverlay({
     <DialogPrimitive.Overlay
       data-slot="dialog-overlay"
       className={cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 backdrop-blur-md",
         className
       )}
       {...props}