From cd1c7e60bf5244000b9a4467154b946832f2842e Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Sat, 1 Feb 2025 13:32:10 -0600
Subject: [PATCH] refactor: update domains

---
 .../dashboard/application/domains/show-domains.tsx          | 6 ++++--
 .../components/dashboard/compose/domains/show-domains.tsx   | 6 +++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/apps/dokploy/components/dashboard/application/domains/show-domains.tsx b/apps/dokploy/components/dashboard/application/domains/show-domains.tsx
index 809cb5a73..17dbc91f0 100644
--- a/apps/dokploy/components/dashboard/application/domains/show-domains.tsx
+++ b/apps/dokploy/components/dashboard/application/domains/show-domains.tsx
@@ -76,11 +76,13 @@ export const ShowDomains = ({ applicationId }: Props) => {
 										className="flex w-full items-center justify-between gap-4 border p-4 md:px-6 rounded-lg flex-wrap"
 									>
 										<Link
-											className="md:basis-1/2 flex gap-2 lg:gap-3 items-center hover:underline transition-all w-full"
+											className="md:basis-1/2 flex gap-2  items-center hover:underline transition-all w-full"
 											target="_blank"
 											href={`${item.https ? "https" : "http"}://${item.host}${item.path}`}
 										>
-											<span className="truncate max-w-full">{item.host}</span>
+											<span className="truncate max-w-full text-sm">
+												{item.host}
+											</span>
 											<ExternalLink className="size-4 min-w-4" />
 										</Link>
 
diff --git a/apps/dokploy/components/dashboard/compose/domains/show-domains.tsx b/apps/dokploy/components/dashboard/compose/domains/show-domains.tsx
index e30776d83..7bc451e00 100644
--- a/apps/dokploy/components/dashboard/compose/domains/show-domains.tsx
+++ b/apps/dokploy/components/dashboard/compose/domains/show-domains.tsx
@@ -76,16 +76,16 @@ export const ShowDomainsCompose = ({ composeId }: Props) => {
 										className="flex w-full items-center justify-between gap-4 border p-4 md:px-6 rounded-lg flex-wrap"
 									>
 										<div className="md:basis-1/2 flex gap-6 w-full items-center">
-											<span className="opacity-50 text-center font-medium text-sm">
+											<span className="opacity-50 text-center font-medium text-sm whitespace-nowrap">
 												{item.serviceName}
 											</span>
 
 											<Link
-												className="flex gap-2 lg:gap-3 items-center hover:underline transition-all w-full max-w-[calc(100%-4rem)]"
+												className="flex gap-2 items-center hover:underline transition-all w-full max-w-[calc(100%-4rem)]"
 												target="_blank"
 												href={`${item.https ? "https" : "http"}://${item.host}${item.path}`}
 											>
-												<span className="truncate ">{item.host}</span>
+												<span className="truncate  text-sm">{item.host}</span>
 												<ExternalLink className="size-4 min-w-4" />
 											</Link>
 										</div>