css

resources/views/components/applications/navbar.blade.php

@@ -1,4 +1,4 @@
-<nav class="flex gap-4 py-2">
+<nav class="flex justify-center gap-4 py-2 border-b-2 border-solid border-coolgray-200 ">
     <a
         href="{{ route('project.application.configuration', [
             'project_uuid' => Route::current()->parameters()['project_uuid'],
@@ -16,7 +16,20 @@
         Deployments
     </a>
     <a target="_blank" href="{{ $gitBranchLocation }}">
-        Open on Git ↗️
+        Open on Git <img class="inline-flex w-4 h-4" src="{{ Vite::asset('public/svgs/external-link.svg') }}">
     </a>
-    <livewire:project.application.deploy :applicationId="$applicationId" />
+    @if (data_get($application, 'ports_mappings_array'))
+        @foreach ($application->ports_mappings_array as $port)
+            @if (config('app.env') === 'local')
+                <a target="_blank" href="http://localhost:{{ explode(':', $port)[0] }}">Open
+                    {{ explode(':', $port)[0] }} <img class="inline-flex w-4 h-4"
+                        src="{{ Vite::asset('public/svgs/external-link.svg') }}"></a>
+            @else
+                <a target="_blank"
+                    href="http://{{ $application->destination->server->ip }}:{{ explode(':', $port)[0] }}">Open
+                    {{ $port }}</a>
+            @endif
+        @endforeach
+    @endif
+    <livewire:project.application.deploy :applicationId="$application->id" />
 </nav>

resources/views/components/magic-bar.blade.php

@@ -1,4 +1,4 @@
-<div x-data="magicsearchbar" @slash.window="mainMenu = true">
+<div x-data="magicsearchbar" @slash.window="mainMenu = true" class="fixed -translate-x-1/2 left-1/2">
     {{-- Main --}}
     <template x-cloak x-if="isMainMenu">
         <div>

resources/views/components/navbar.blade.php

@@ -20,7 +20,6 @@
                     </a>
                 @endif
             </div>
-            <div class="flex-1"></div>
             <x-magic-bar />
             <div class="flex-1"></div>
             <div class="flex gap-2 text-sm">
@@ -28,7 +27,7 @@
                 <livewire:force-upgrade />
                 <form action="/logout" method="POST">
                     @csrf
-                    <button class="m-1 hover:underline" type="submit">Logout</button>
+                    <button class="m-1 border-none hover:underline" type="submit">Logout</button>
                 </form>
             </div>
         </div>