From 9cb5b9a7d0d57090c81db35283f601e608559be2 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Sun, 4 May 2025 19:31:18 -0600
Subject: [PATCH] Update deployments tab styling for improved layout

- Added a full-width class to the `TabsContent` for deployments, enhancing the visual layout.
- Introduced a border and rounded corners to the deployment container for better aesthetics and user experience.
---
 .../project/[projectId]/services/compose/[composeId].tsx      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/dokploy/pages/dashboard/project/[projectId]/services/compose/[composeId].tsx b/apps/dokploy/pages/dashboard/project/[projectId]/services/compose/[composeId].tsx
index 8d9639a2..39f399e9 100644
--- a/apps/dokploy/pages/dashboard/project/[projectId]/services/compose/[composeId].tsx
+++ b/apps/dokploy/pages/dashboard/project/[projectId]/services/compose/[composeId].tsx
@@ -331,8 +331,8 @@ const Service = (
 										</div>
 									</TabsContent>
 
-									<TabsContent value="deployments">
-										<div className="flex flex-col gap-4 pt-2.5">
+									<TabsContent value="deployments" className="w-full pt-2.5">
+										<div className="flex flex-col gap-4  border rounded-lg">
 											<ShowDeployments
 												id={composeId}
 												type="compose"