mirror of
https://github.com/Dokploy/dokploy
synced 2025-06-26 18:27:59 +00:00
refactor: update domains
This commit is contained in:
@@ -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"
|
className="flex w-full items-center justify-between gap-4 border p-4 md:px-6 rounded-lg flex-wrap"
|
||||||
>
|
>
|
||||||
<Link
|
<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"
|
target="_blank"
|
||||||
href={`${item.https ? "https" : "http"}://${item.host}${item.path}`}
|
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" />
|
<ExternalLink className="size-4 min-w-4" />
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
|
|||||||
@@ -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"
|
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">
|
<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}
|
{item.serviceName}
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<Link
|
<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"
|
target="_blank"
|
||||||
href={`${item.https ? "https" : "http"}://${item.host}${item.path}`}
|
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" />
|
<ExternalLink className="size-4 min-w-4" />
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user