chevron

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

@@ -17,11 +17,12 @@
     </a>
     <div class="flex-1"></div>
     <div class="dropdown dropdown-hover">
-        <x-inputs.button>Links👇 </x-inputs.button>
-        <ul tabindex="0"
-            class="p-2 text-xs text-white normal-case rounded min-w-max dropdown-content menu bg-coolgray-200">
+        <x-inputs.button>Links
+            <x-chevron-down />
+        </x-inputs.button>
+        <ul tabindex="0" class="p-2 font-bold text-white rounded min-w-max dropdown-content menu bg-coolgray-200">
             <li>
-                <a class="text-xs"target="_blank" href="{{ $application->gitBranchLocation }}">
+                <a class="text-xs" target="_blank" href="{{ $application->gitBranchLocation }}">
                     Open on Git
                     <x-external-link />
                 </a>
@@ -30,7 +31,8 @@
                 @foreach ($application->ports_mappings_array as $port)
                     @if (config('app.env') === 'local')
                         <li>
-                            <a class="text-xs" target="_blank" href="http://localhost:{{ explode(':', $port)[0] }}">Open
+                            <a class="text-xs " target="_blank"
+                                href="http://localhost:{{ explode(':', $port)[0] }}">Open
                                 {{ explode(':', $port)[0] }}
                                 <x-external-link />
                             </a>

resources/views/components/chevron-down.blade.php

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
+    fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+    <path d="M6 9l6 6l6 -6" />
+</svg>