wip

resources/css/app.css

@@ -42,6 +42,9 @@ h1 {
 h2 {
     @apply text-xl font-bold py-4;
 }
+h3 {
+    @apply text-lg font-bold py-4;
+}
 .box {
     @apply flex items-center justify-center text-sm rounded cursor-pointer h-14 bg-coolgray-200 hover:bg-coollabs p-2;
 }

resources/views/livewire/server/proxy.blade.php

@@ -1,8 +1,5 @@
 <div>
-    <div class="flex items-center gap-2">
-        <h2>Proxy</h2>
-        <div>{{ $this->server->extra_attributes->proxy_status }}</div>
-    </div>
+
     @if ($this->server->extra_attributes->proxy_status !== 'running')
         <select wire:model="selectedProxy">
             <option value="{{ \App\Enums\ProxyTypes::TRAEFIK_V2 }}">
@@ -32,8 +29,8 @@
                     <livewire:activity-monitor />
                 </div>
                 <template x-if="showConfiguration">
-                    <div x-init="$wire.checkProxySettingsInSync" class="pt-4">
-                        <h1>Proxy Configuration</h1>
+                    <div x-init="$wire.checkProxySettingsInSync">
+                        <h3>Configuration</h3>
                         <div wire:loading wire:target="checkProxySettingsInSync">
                             <x-proxy.loading />
                         </div>

resources/views/server/show.blade.php

@@ -20,6 +20,15 @@
     @else
         <p>No destinations found</p>
     @endif
-
-    <livewire:server.proxy :server="$server" />
+    <div class="flex items-center gap-2">
+        <h2>Proxy</h2>
+        @if ($server->settings->is_validated)
+            <div>{{ $server->extra_attributes->proxy_status }}</div>
+        @endif
+    </div>
+    @if ($server->settings->is_validated)
+        <livewire:server.proxy :server="$server" />
+    @else
+        <p>Server is not validated. Validate first.</p>
+    @endif
 </x-layout>