Shiloh/lasthourcloud
Shiloh/lasthourcloud
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

chevron

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/css/app.css
View File

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

12
resources/views/components/applications/navbar.blade.php
View File

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

5
resources/views/components/chevron-down.blade.php Normal file
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>
Side by Side

After

Width:  |  Height:  |  Size: 276 B

10
resources/views/livewire/project/application/deploy.blade.php
View File

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