update css
This commit is contained in:
parent
d5c1e1d3f4
commit
5d5d856155
@ -1,5 +1,5 @@
|
||||
<?php
|
||||
|
||||
return [
|
||||
'version' => '4.0.0-nightly.1',
|
||||
'version' => '4.0.0-nightly.2',
|
||||
];
|
||||
|
@ -16,7 +16,7 @@
|
||||
<div class="flex flex-col items-center justify-center h-full">
|
||||
<div class="pb-5 text-white" x-text="message"></div>
|
||||
<div>
|
||||
<x-inputs.button x-on:click="$dispatch('confirm')">Confirm</x-inputs.button>
|
||||
<x-inputs.button isWarning x-on:click="$dispatch('confirm')">Confirm</x-inputs.button>
|
||||
<x-inputs.button x-on:click="open = false">Cancel</x-inputs.button>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1,14 +1,23 @@
|
||||
@props([
|
||||
'class' => null,
|
||||
'defaultClass' => 'text-white bg-violet-500 hover:bg-violet-600',
|
||||
'isWarning' => null,
|
||||
'defaultClass' => 'text-white bg-neutral-800 hover:bg-violet-600',
|
||||
'defaultWarningClass' => 'text-white bg-red-500 hover:bg-red-600',
|
||||
'confirm' => null,
|
||||
'confirmAction' => null,
|
||||
])
|
||||
|
||||
<button {{ $attributes }} {{ $attributes->merge(['class' => "$defaultClass $class"]) }}
|
||||
@if ($attributes->whereStartsWith('wire:click')) wire:target="{{ $attributes->whereStartsWith('wire:click')->first() }}"
|
||||
wire:loading.class="text-black bg-green-500" wire:loading.attr="disabled" wire:loading.class.remove="{{ $defaultClass }} {{ $attributes->whereStartsWith('class')->first() }}" @endif
|
||||
@isset($confirm) x-on:click="toggleConfirmModal('{{ $confirm }}')" @endisset
|
||||
@isset($confirmAction) @confirm.window="$wire.{{ $confirmAction }}()" @endisset>
|
||||
<button {{ $attributes }} @class([
|
||||
$defaultClass => !$confirm && !$isWarning,
|
||||
$defaultWarningClass => $confirm || $isWarning,
|
||||
]) @if ($attributes->whereStartsWith('wire:click'))
|
||||
wire:target="{{ $attributes->whereStartsWith('wire:click')->first() }}"
|
||||
wire:loading.delay.class="text-black bg-green-500" wire:loading.delay.attr="disabled"
|
||||
wire:loading.delay.class.remove="{{ $defaultClass }} {{ $attributes->whereStartsWith('class')->first() }}"
|
||||
@endif
|
||||
@isset($confirm)
|
||||
x-on:click="toggleConfirmModal('{{ $confirm }}')"
|
||||
@endisset
|
||||
@isset($confirmAction)
|
||||
@confirm.window="$wire.{{ $confirmAction }}()"
|
||||
@endisset>
|
||||
{{ $slot }}
|
||||
</button>
|
||||
|
@ -8,8 +8,7 @@
|
||||
<x-inputs.button wire:click='start'>Start</x-inputs.button>
|
||||
<x-inputs.button wire:click='forceRebuild'>Start (no cache)</x-inputs.button>
|
||||
@endif
|
||||
<x-inputs.button class="bg-red-500" confirmAction="delete"
|
||||
confirm='Are you sure you would like to delete this application?'>
|
||||
<x-inputs.button confirmAction="delete" confirm='Are you sure you would like to delete this application?'>
|
||||
Delete</x-inputs.button>
|
||||
<span wire:poll.5000ms='pollingStatus'>
|
||||
@if ($application->status === 'running')
|
||||
@ -24,7 +23,7 @@
|
||||
{{ explode(':', $port)[0] }}</a>
|
||||
@else
|
||||
<a target="_blank"
|
||||
href="http://{{ $application->destination->server->ip }}:{{ $port }}">Open
|
||||
href="http://{{ $application->destination->server->ip }}:{{ explode(':', $port)[0] }}">Open
|
||||
{{ $port }}</a>
|
||||
@endif
|
||||
@endforeach
|
||||
|
@ -3,16 +3,16 @@
|
||||
<x-applications.navbar :applicationId="$application->id" />
|
||||
<div x-data="{ activeTab: 'general' }">
|
||||
<div class="flex gap-4">
|
||||
<a :class="activeTab === 'general' && 'text-green-500'" @click.prevent="activeTab = 'general'"
|
||||
<a :class="activeTab === 'general' && 'text-purple-500'" @click.prevent="activeTab = 'general'"
|
||||
href="#">General</a>
|
||||
<a :class="activeTab === 'envs' && 'text-green-500'" @click.prevent="activeTab = 'envs'"
|
||||
<a :class="activeTab === 'envs' && 'text-purple-500'" @click.prevent="activeTab = 'envs'"
|
||||
href="#">Environment Variables</a>
|
||||
<a :class="activeTab === 'source' && 'text-green-500'" @click.prevent="activeTab = 'source'"
|
||||
<a :class="activeTab === 'source' && 'text-purple-500'" @click.prevent="activeTab = 'source'"
|
||||
href="#">Source</a>
|
||||
<a :class="activeTab === 'destination' && 'text-green-500'" @click.prevent="activeTab = 'destination'"
|
||||
<a :class="activeTab === 'destination' && 'text-purple-500'" @click.prevent="activeTab = 'destination'"
|
||||
href="#">Destination
|
||||
</a>
|
||||
<a :class="activeTab === 'storages' && 'text-green-500'" @click.prevent="activeTab = 'storages'"
|
||||
<a :class="activeTab === 'storages' && 'text-purple-500'" @click.prevent="activeTab = 'storages'"
|
||||
href="#">Storage
|
||||
</a>
|
||||
</div>
|
||||
|
Loading…
x
Reference in New Issue
Block a user