fix button and dialog

PeerDB-io · Nov 8, 2023 · 01f8cbb · 01f8cbb
1 parent 319cde6
commit 01f8cbb
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 4 deletions.
diff --git a/ui/app/mirrors/page.tsx b/ui/app/mirrors/page.tsx
@@ -78,7 +78,13 @@ export default async function Mirrors() {
               href={'/mirrors/create'}
               variant='normalSolid'
             >
-              <div style={{ display: 'flex', alignItems: 'center' }}>
+              <div
+                style={{
+                  display: 'flex',
+                  alignItems: 'center',
+                  whiteSpace: 'nowrap',
+                }}
+              >
                 <Icon name='add' /> <Label>New mirror</Label>
               </div>
             </Button>

diff --git a/ui/app/peers/page.tsx b/ui/app/peers/page.tsx
@@ -34,8 +34,17 @@ export default async function Peers() {
               href={'/peers/create'}
               variant='normalSolid'
             >
-              <div style={{ display: 'flex', alignItems: 'center' }}>
-                <Icon name='add' /> <Label>New peer</Label>
+              <div
+                style={{
+                  display: 'flex',
+                  alignItems: 'center',
+                  whiteSpace: 'nowrap',
+                }}
+              >
+                <Icon name='add' />
+                <Label style={{ marginLeft: '0.5rem', fontSize: 15 }}>
+                  New peer
+                </Label>
               </div>
             </Button>
           }

diff --git a/ui/lib/Dialog/Dialog.tsx b/ui/lib/Dialog/Dialog.tsx
@@ -22,7 +22,12 @@ export function Dialog({
     <RadixDialog.Root {...rootProps}>
       <RadixDialog.Trigger asChild>{TriggerButton}</RadixDialog.Trigger>
       <RadixDialog.Portal>
-        <DialogContent size={size}>{children}</DialogContent>
+        <DialogContent
+          onPointerDownOutside={(e) => e.preventDefault()}
+          size={size}
+        >
+          {children}
+        </DialogContent>
       </RadixDialog.Portal>
     </RadixDialog.Root>
   );