mirror of
https://github.com/coollabsio/coolify.git
synced 2026-09-24 07:25:13 -05:00
fix(ui): render service domain groups as separate cards
Move the settings-section body class onto each domain group so apps render as stacked cards instead of a single bordered list. Update the ServiceDomains view assertions to match.
This commit is contained in:
@@ -158,8 +158,7 @@
|
||||
icon-name="globe" />
|
||||
</div>
|
||||
@else
|
||||
<div wire:key="service-domains-list"
|
||||
class="application-settings-section-body is-flush mt-1 w-full scroll-mt-28 overflow-visible">
|
||||
<div wire:key="service-domains-list" class="flex flex-col gap-3">
|
||||
@foreach ($domainGroups as $appId => $rows)
|
||||
@php
|
||||
$app = collect($serviceApps)->firstWhere('id', (int) $appId);
|
||||
@@ -170,8 +169,8 @@
|
||||
@endphp
|
||||
<section id="service-domain-group-{{ $appId }}" wire:key="service-domain-group-{{ $appId }}"
|
||||
x-show="matchesDomainSearch(@js($heading.' '.$rows->pluck('url')->implode(' ')))"
|
||||
class="border-b border-neutral-200 last:border-b-0 dark:border-white/10">
|
||||
<div class="flex w-full flex-wrap items-center gap-3 border-b border-neutral-200 bg-neutral-50 px-4 py-3 dark:border-white/10 dark:bg-white/[0.04]">
|
||||
class="application-settings-section-body is-flush overflow-visible">
|
||||
<div class="flex w-full flex-wrap items-center gap-3 rounded-t-lg border-b border-neutral-200 bg-neutral-50 px-4 py-3 dark:border-white/10 dark:bg-white/[0.04]">
|
||||
<span class="min-w-0 flex-1 truncate text-sm font-medium text-black dark:text-white">{{ $heading }}</span>
|
||||
@if ($hasHttpsDomains)
|
||||
<div class="flex w-full items-center gap-2 sm:w-auto service-domains-https">
|
||||
|
||||
Reference in New Issue
Block a user