refactor(ui): streamline button styles and layout in dashboard components

- 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.
This commit is contained in:
Mauricio Siu
2026-07-06 03:35:39 -06:00
parent 59b0e51ef7
commit b176f8f860
3 changed files with 4 additions and 4 deletions
@@ -33,7 +33,7 @@ export const ShowNodeApplications = ({ serverId }: Props) => {
return ( return (
<Dialog> <Dialog>
<DialogTrigger asChild> <DialogTrigger asChild>
<Button variant="outline" size="sm" className="w-full"> <Button variant="outline" size="sm">
<Loader2 className="h-4 w-4 mr-2 animate-spin" /> <Loader2 className="h-4 w-4 mr-2 animate-spin" />
</Button> </Button>
</DialogTrigger> </DialogTrigger>
@@ -82,7 +82,7 @@ export const ShowNodeApplications = ({ serverId }: Props) => {
return ( return (
<Dialog> <Dialog>
<DialogTrigger asChild> <DialogTrigger asChild>
<Button variant="outline" size="sm" className="w-full"> <Button variant="outline" size="sm">
<Layers className="h-4 w-4 mr-2" /> <Layers className="h-4 w-4 mr-2" />
Services Services
</Button> </Button>
@@ -110,7 +110,7 @@ export function NodeCard({ node, serverId }: Props) {
</div> </div>
</div> </div>
<div className="flex justify-end w-full space-x-4"> <div className="flex justify-end w-full gap-4">
<ShowNodeConfig nodeId={node.ID} serverId={serverId} /> <ShowNodeConfig nodeId={node.ID} serverId={serverId} />
<ShowNodeApplications serverId={serverId} /> <ShowNodeApplications serverId={serverId} />
</div> </div>
@@ -24,7 +24,7 @@ export const ShowNodeConfig = ({ nodeId, serverId }: Props) => {
return ( return (
<Dialog> <Dialog>
<DialogTrigger asChild> <DialogTrigger asChild>
<Button variant="outline" size="sm" className="w-full"> <Button variant="outline" size="sm">
<Settings className="h-4 w-4 mr-2" /> <Settings className="h-4 w-4 mr-2" />
Config Config
</Button> </Button>