paulmataruso/chartdb
1
0
Fork 0
mirror of https://github.com/chartdb/chartdb.git synced 2025-11-09 16:36:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI issues

Browse Source
This commit is contained in:
Guy Ben-Aharon
2024-08-24 11:08:04 +03:00
parent 6b192f001f
commit 78912a9a5f
7 changed files with 16 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/dialogs/create-diagram-dialog/create-diagram-dialog.tsx
View File

@@ -189,7 +189,7 @@ export const CreateDiagramDialog: React.FC<CreateDiagramDialogProps> = ({
}
}}
type="single"
className="grid grid-cols-3 grid-flow-row gap-6 xl:grid-cols-5"
className="grid grid-cols-3 grid-flow-row gap-6"
>
{renderDatabaseOption(DatabaseType.MYSQL)}
{renderDatabaseOption(DatabaseType.POSTGRESQL)}
@@ -248,18 +248,13 @@ export const CreateDiagramDialog: React.FC<CreateDiagramDialogProps> = ({
<DialogFooter className="flex !justify-between gap-2">
{hasExistingDiagram ? (
<DialogClose asChild>
<Button
type="button"
variant="secondary"
// onClick={createNewDiagram}
>
<Button type="button" variant="secondary">
Cancel
</Button>
</DialogClose>
) : (
<div></div>
)}
{/* <DialogClose asChild> */}
<div className="flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:space-x-2">
<Button
type="button"
@@ -281,13 +276,11 @@ export const CreateDiagramDialog: React.FC<CreateDiagramDialogProps> = ({
Continue
</Button>
</div>
{/* </DialogClose> */}
</DialogFooter>
);
case CreateDiagramDialogStep.IMPORT_DATABASE:
return (
<DialogFooter className="flex !justify-between gap-2">
{/* <DialogClose asChild> */}
<div className="flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2">
<Button
type="button"
@@ -301,7 +294,6 @@ export const CreateDiagramDialog: React.FC<CreateDiagramDialogProps> = ({
Back
</Button>
</div>
{/* </DialogClose> */}
<div className="flex flex-col-reverse gap-2 sm:flex-row sm:justify-end sm:space-x-2">
<DialogClose asChild>
<Button
@@ -354,7 +346,7 @@ export const CreateDiagramDialog: React.FC<CreateDiagramDialogProps> = ({
}}
>
<DialogContent
className="flex flex-col min-w-[500px] xl:min-w-[75vw] max-h-[80vh] overflow-y-auto"
className="flex flex-col min-w-[500px] xl:min-w-[45vw] overflow-y-auto"
showClose={hasExistingDiagram}
>
{renderHeader()}