add more whitespace to empty state

sangonz193 · Apr 22, 2024 · 604e2c5 · 604e2c5
1 parent b6fdac3
commit 604e2c5
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/modules/connections/connections.tsx b/modules/connections/connections.tsx
@@ -43,21 +43,23 @@ export function Connections() {
 
 function EmptyState() {
   return (
-    <div>
+    <div className="mt-3 gap-4">
       <SquirrelIcon
         className="mx-auto size-40 text-muted-foreground opacity-50"
         strokeWidth={0.5}
       />
 
-      <div className="mt-3 text-center text-xl text-muted-foreground">
-        No connections yet
-      </div>
+      <div>
+        <div className="text-center text-xl text-muted-foreground">
+          No connections yet
+        </div>
 
-      <div className="mt-1 text-center text-muted-foreground">
-        To start sharing files, create a connection with another device.
+        <div className="mt-1 text-center text-muted-foreground">
+          To start sharing files, create a connection with another device.
+        </div>
       </div>
 
-      <CreateConnectionDialog size="lg" className="mt-6" />
+      <CreateConnectionDialog size="default" className="mt-10" />
     </div>
   )
 }