mirror/chartdb
1
0
Fork 0
mirror of https://github.com/chartdb/chartdb.git synced 2025-12-30 16:09:33 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix(scroll): fix scroll area (#550)

Browse Source
This commit is contained in:
Guy Ben-Aharon
2025-02-02 16:34:18 +02:00
committed by GitHub
parent 3b3be086b1
commit ef3d7a8b67
3 changed files with 2106 additions and 2673 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4727
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

2
package.json
View File

@@ -29,7 +29,7 @@
"@radix-ui/react-label": "^2.1.0",
"@radix-ui/react-menubar": "^1.1.1",
"@radix-ui/react-popover": "^1.1.1",
"@radix-ui/react-scroll-area": "^1.1.0",
"@radix-ui/react-scroll-area": "1.2.0",
"@radix-ui/react-select": "^2.1.1",
"@radix-ui/react-separator": "^1.1.0",
"@radix-ui/react-slot": "^1.1.1",

50
src/dialogs/import-dbml-dialog/import-dbml-dialog.tsx
View File

@@ -215,34 +215,28 @@ Ref: comments.user_id > users.id // Each comment is written by one user`;
{t('import_dbml_dialog.description')}
</DialogDescription>
</DialogHeader>
<DialogInternalContent className="flex-1">
<div className="flex h-full flex-col gap-4">
<div className="relative size-full min-h-[400px]">
<Editor
value={dbmlContent}
onChange={(value) =>
setDBMLContent(value || '')
}
language="dbml"
theme={
effectiveTheme === 'dark'
? 'dbml-dark'
: 'dbml-light'
}
beforeMount={setupDBMLLanguage}
options={{
minimap: { enabled: false },
scrollBeyondLastLine: false,
automaticLayout: true,
scrollbar: {
vertical: 'visible',
horizontal: 'visible',
},
}}
className="size-full"
/>
</div>
</div>
<DialogInternalContent>
<Editor
value={dbmlContent}
onChange={(value) => setDBMLContent(value || '')}
language="dbml"
theme={
effectiveTheme === 'dark'
? 'dbml-dark'
: 'dbml-light'
}
beforeMount={setupDBMLLanguage}
options={{
minimap: { enabled: false },
scrollBeyondLastLine: false,
automaticLayout: true,
scrollbar: {
vertical: 'visible',
horizontal: 'visible',
},
}}
className="size-full"
/>
</DialogInternalContent>
<DialogFooter>
<div className="flex w-full items-center justify-between">