coolify/resources/views/livewire/shared-variables/environment/index.blade.php
Andras Bacsai 8ae56587d5
feat(ui): Shadow UI redesign, domain management, and DNS autoconfigure (#11119)
Co-authored-by: ShadowArcanist <162910371+ShadowArcanist@users.noreply.github.com>
2026-08-03 23:11:54 +02:00

63 lines
3.5 KiB
PHP

<div>
<x-slot:title>
Environment Variables | Coolify
</x-slot>
<x-dashboard.navbar section="shared-variables" title="Shared variables"
subtitle="Environment-wide variables for resources in one environment" :titleOnDesktop="false" />
<div class="w-full">
@if ($projects->isEmpty())
<x-empty title="No environments yet"
description="Create a project environment before adding environment-wide variables."
icon-name="layers" />
@else
<div class="flex flex-col gap-6">
@foreach ($projects as $project)
<section>
<div class="mb-3">
<h2 class="text-[14px]! leading-5! font-semibold! text-black dark:text-fg">
{{ $project->name }}
</h2>
<p class="mt-0.5 text-[11px] text-neutral-500 dark:text-fg-faint">
{{ $project->description ?: 'Project environments' }}
</p>
</div>
@if ($project->environments->isEmpty())
<x-empty title="No environments in this project." size="sm" />
@else
<div class="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4">
@foreach ($project->environments as $environment)
<a class="group flex min-h-24 flex-col rounded-xl border border-neutral-200 bg-white p-3 shadow-sm transition-all hover:-translate-y-px hover:border-neutral-300 hover:no-underline hover:shadow-md dark:border-white/[0.08] dark:bg-white/[0.025] dark:hover:border-white/[0.14]"
href="{{ route('shared-variables.environment.show', [
'project_uuid' => $project->uuid,
'environment_uuid' => $environment->uuid,
]) }}"
{{ wireNavigate() }}>
<div class="flex items-start gap-3">
<div
class="flex size-8 shrink-0 items-center justify-center rounded-lg border border-neutral-200 bg-neutral-50 text-neutral-500 dark:border-white/[0.08] dark:bg-white/[0.04] dark:text-fg-dim">
<x-reicon name="layers" class="size-4" />
</div>
<div class="min-w-0 flex-1">
<h3
class="truncate text-[13px]! leading-4! font-semibold! text-black dark:text-fg">
{{ $environment->name }}
</h3>
<p
class="mt-0.5 truncate text-[11px] text-neutral-500 dark:text-fg-faint">
{{ $environment->description ?: 'No description' }}
</p>
</div>
</div>
</a>
@endforeach
</div>
@endif
</section>
@endforeach
</div>
@endif
</div>
</div>