mirror of
https://github.com/andwati/dokploy.git
synced 2026-11-13 23:45:17 +00:00
Mauricio Siu
b176f8f860
- Removed unnecessary width class from buttons in ShowNodeApplications and ShowNodeConfig components for a cleaner design. - Updated spacing in the NodeCard component to use gap instead of space-x for improved layout consistency. These changes enhance the visual consistency and usability of the dashboard UI components.
57 lines
1.4 KiB
TypeScript
57 lines
1.4 KiB
TypeScript
import { Settings } from "lucide-react";
|
|
import { CodeEditor } from "@/components/shared/code-editor";
|
|
import { Button } from "@/components/ui/button";
|
|
import {
|
|
Dialog,
|
|
DialogContent,
|
|
DialogDescription,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
DialogTrigger,
|
|
} from "@/components/ui/dialog";
|
|
import { api } from "@/utils/api";
|
|
|
|
interface Props {
|
|
nodeId: string;
|
|
serverId?: string;
|
|
}
|
|
|
|
export const ShowNodeConfig = ({ nodeId, serverId }: Props) => {
|
|
const { data } = api.swarm.getNodeInfo.useQuery({
|
|
nodeId,
|
|
serverId,
|
|
});
|
|
return (
|
|
<Dialog>
|
|
<DialogTrigger asChild>
|
|
<Button variant="outline" size="sm">
|
|
<Settings className="h-4 w-4 mr-2" />
|
|
Config
|
|
</Button>
|
|
</DialogTrigger>
|
|
<DialogContent className={"sm:max-w-5xl"}>
|
|
<DialogHeader>
|
|
<DialogTitle>Node Config</DialogTitle>
|
|
<DialogDescription>
|
|
See in detail the metadata of this node
|
|
</DialogDescription>
|
|
</DialogHeader>
|
|
<div className="text-wrap rounded-lg border p-4 text-sm sm:max-w-236 bg-card max-h-[70vh] overflow-auto ">
|
|
<code>
|
|
<pre className="whitespace-pre-wrap wrap-break-word items-center justify-center">
|
|
{/* {JSON.stringify(data, null, 2)} */}
|
|
<CodeEditor
|
|
language="json"
|
|
lineWrapping={false}
|
|
lineNumbers={false}
|
|
readOnly
|
|
value={JSON.stringify(data, null, 2)}
|
|
/>
|
|
</pre>
|
|
</code>
|
|
</div>
|
|
</DialogContent>
|
|
</Dialog>
|
|
);
|
|
};
|