From b70262ee93a8cf145ffcd266174a2078c011d7cb Mon Sep 17 00:00:00 2001
From: Guy Ben-Aharon <baguy3@gmail.com>
Date: Fri, 30 Aug 2024 16:02:17 +0300
Subject: [PATCH] fix create diagram dialog size

---
 .../create-diagram-dialog.tsx                   | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/dialogs/create-diagram-dialog/create-diagram-dialog.tsx b/src/dialogs/create-diagram-dialog/create-diagram-dialog.tsx
index 0a62ba50..27713725 100644
--- a/src/dialogs/create-diagram-dialog/create-diagram-dialog.tsx
+++ b/src/dialogs/create-diagram-dialog/create-diagram-dialog.tsx
@@ -167,7 +167,7 @@ export const CreateDiagramDialog: React.FC<CreateDiagramDialogProps> = ({
             <ToggleGroupItem
                 value={type}
                 aria-label="Toggle bold"
-                className="flex w-22 h-22 md:w-32 md:h-32"
+                className="flex w-20 h-20 md:w-32 md:h-32"
             >
                 <img src={logo} alt="PostgreSQL" />
             </ToggleGroupItem>
@@ -177,7 +177,7 @@ export const CreateDiagramDialog: React.FC<CreateDiagramDialogProps> = ({
     const renderExamplesOption = useCallback(
         () => (
             <div
-                className="flex w-22 h-22 md:w-32 md:h-32 rounded-md items-center text-center flex-col py-3 border cursor-pointer"
+                className="flex w-20 h-20 md:w-32 md:h-32 rounded-md items-center text-center flex-col py-3 border cursor-pointer"
                 onClick={() => window.open('/examples')}
             >
                 <div className="flex items-center flex-1">
@@ -186,9 +186,18 @@ export const CreateDiagramDialog: React.FC<CreateDiagramDialogProps> = ({
                     </Link>
                 </div>
                 <div className="flex flex-col-reverse">
-                    <Link href="/examples" className="text-sm text-primary">
+                    <Link
+                        href="/examples"
+                        className="hidden md:flex text-sm text-primary"
+                    >
                         Check Examples
                     </Link>
+                    <Link
+                        href="/examples"
+                        className="flex md:hidden text-xs text-primary"
+                    >
+                        Examples
+                    </Link>
                 </div>
             </div>
         ),
@@ -479,7 +488,7 @@ export const CreateDiagramDialog: React.FC<CreateDiagramDialogProps> = ({
             }}
         >
             <DialogContent
-                className="flex flex-col w-[100vw] xl:min-w-[45vw] overflow-y-auto"
+                className="flex flex-col w-[90vw] xl:min-w-[45vw] overflow-y-auto"
                 showClose={hasExistingDiagram}
             >
                 {renderHeader()}