update window width and dialogs top padding on macos

client/ui/frontend/src/components/dialog/ConfirmDialog.tsx

@@ -1,5 +1,6 @@
 import { ReactNode, forwardRef } from "react";
-import {cn} from "@/lib/cn.ts";
+import { cn } from "@/lib/cn.ts";
+import { isMacOS } from "@/lib/platform.ts";
 
 // ConfirmDialog is the shared layout wrapper used by dialog-style window
 // surfaces (SessionExpired, SessionAboutToExpire, …). Purely a layout
@@ -14,21 +15,21 @@ type ConfirmDialogProps = {
     children: ReactNode;
 };
 
-export const ConfirmDialog = forwardRef<HTMLDivElement, ConfirmDialogProps>(
-    function ConfirmDialog({ children }, ref) {
-        return (
+export const ConfirmDialog = forwardRef<HTMLDivElement, ConfirmDialogProps>(function ConfirmDialog(
+    { children },
+    ref,
+) {
+    return (
+        <div className={"wails-draggable select-none flex flex-col items-center"}>
             <div
-                className={
-                    "wails-draggable select-none flex flex-col items-center"
-                }
+                ref={ref}
+                className={cn(
+                    "flex flex-col items-center gap-5 text-center px-8 py-6",
+                    isMacOS() && "pt-10",
+                )}
             >
-                <div
-                    ref={ref}
-                    className={cn("flex flex-col items-center gap-5 text-center px-8 py-6")}
-                >
-                    {children}
-                </div>
+                {children}
             </div>
-        );
-    },
-);
+        </div>
+    );
+});