update dialog design

2026-07-01 00:17:12 +02:00
parent 2a922fd3c7
commit 865e187ad8
1 changed files with 10 additions and 7 deletions
@@ -24,27 +24,30 @@ export function App() {
        onNotificationsClick={() => setShowNotifications(true)}
      />
      <Dialog open={showSettings} onOpenChange={setShowSettings}>
-        <DialogContent className="grid-rows-[auto_1fr]">
-          <DialogHeader className="border-b -mx-4 px-4 pb-4">
+        <DialogContent showCloseButton>
+          <DialogHeader>
            <DialogTitle>Settings</DialogTitle>
          </DialogHeader>
-          <SettingsView />
+          <SettingsView/>
+          <DialogFooter showCloseButton />
        </DialogContent>
      </Dialog>
      <Dialog open={showJobs} onOpenChange={setShowJobs}>
-        <DialogContent className="grid-rows-[auto_1fr]">
-          <DialogHeader className="border-b -mx-4 px-4 pb-4">
+        <DialogContent>
+          <DialogHeader>
            <DialogTitle>Running Jobs</DialogTitle>
          </DialogHeader>
          <JobsView />
+          <DialogFooter showCloseButton />
        </DialogContent>
      </Dialog>
      <Dialog open={showNotifications} onOpenChange={setShowNotifications}>
-        <DialogContent className="grid-rows-[auto_1fr]">
-          <DialogHeader className="border-b -mx-4 px-4 pb-4">
+        <DialogContent>
+          <DialogHeader>
            <DialogTitle>Notifications</DialogTitle>
          </DialogHeader>
          <NotificationsView />
+          <DialogFooter showCloseButton />
        </DialogContent>
      </Dialog>
    </>