refactor: update domains

This commit is contained in:
Mauricio Siu
2025-02-01 13:32:10 -06:00
parent 777980618f
commit cd1c7e60bf
2 changed files with 7 additions and 5 deletions

View File

@@ -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>

View File

@@ -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>