This commit is contained in:
Andras Bacsai 2023-05-19 14:10:42 +02:00
parent cd5655bd3f
commit 5932ef09e3
4 changed files with 20 additions and 9 deletions

View File

@ -36,7 +36,7 @@ button[type="submit"] {
@apply btn btn-xs no-animation normal-case text-white btn-primary;
}
button[isWarning] {
@apply btn-error text-white;
@apply text-error;
}
button[isHighlighted] {
@apply btn-primary text-white;

View File

@ -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 @@ class="p-2 text-xs text-white normal-case rounded min-w-max dropdown-content men
@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>

View File

@ -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>

After

Width:  |  Height:  |  Size: 276 B

View File

@ -2,8 +2,10 @@
@if ($application->status === 'running')
<div class="btn-group">
<x-inputs.button isWarning wire:click='stop'>Stop</x-inputs.button>
<div class="border-none dropdown dropdown-hover btn btn-xs bg-coollabs hover:bg-coollabs-100 no-animation">
<button tabindex="0" class="flex items-center justify-center h-full">👇</button>
<div class="bg-transparent border-none dropdown dropdown-hover btn btn-xs no-animation">
<button tabindex="0" class="flex items-center justify-center h-full">
<x-chevron-down />
</button>
<ul tabindex="0"
class="text-xs text-white normal-case rounded min-w-max dropdown-content menu bg-coolgray-200">
<li>
@ -16,7 +18,9 @@ class="text-xs text-white normal-case rounded min-w-max dropdown-content menu bg
<div class="btn-group">
<x-inputs.button isHighlighted wire:click='start'>Deploy</x-inputs.button>
<div class="border-none dropdown dropdown-hover btn btn-xs bg-coollabs hover:bg-coollabs-100 no-animation">
<button tabindex="0" class="flex items-center justify-center h-full">👇</button>
<button tabindex="0" class="flex items-center justify-center h-full">
<x-chevron-down />
</button>
<ul tabindex="0"
class="text-xs text-white normal-case rounded min-w-max dropdown-content menu bg-coolgray-200">
<li>