ComputerSurge/komodo
3
0
Fork 0
forked from github-starred/komodo
Code Pull Requests Packages Releases Activity

improve export styling

Browse Source
This commit is contained in:
mbecker20
2024-05-01 22:23:16 -07:00
parent ff892afa16
commit 923c1d6cf6
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/export.tsx
View File

@@ -25,7 +25,7 @@ export const ExportButton = ({}: {
<FileDown className="w-4 h-4" />
</Button>
</DialogTrigger>
<DialogContent className="min-w-[50vw]">
<DialogContent className="min-w-[600px]">
<DialogHeader>
<DialogTitle>Export to toml</DialogTitle>
</DialogHeader>
@@ -48,10 +48,10 @@ const ExportPre = ({
content: string | undefined;
}) => {
return (
<div className="relative flex justify-center">
<div className="relative flex justify-center w-full">
{loading && <Loader2 className="w-8 h-8 animate-spin" />}
<div className="overflow-y-scroll max-h-[80vh]">
<pre className="h-fit">{content}</pre>
<div className="overflow-y-scroll max-h-[80vh] w-full">
<pre className="h-fit w-full">{content}</pre>
</div>
<CopyButton content={content} className="absolute top-4 right-4" />
</div>