improved responsivness in case the service/app/database is deployed
This commit is contained in:
parent
3235907266
commit
1b30ee606f
@ -185,7 +185,7 @@ .custom-modal {
|
||||
}
|
||||
|
||||
.navbar-main {
|
||||
@apply flex h-fit flex-col sm:flex-row justify-items-start sm:justify-between gap-4 pb-2 border-b-2 border-solid dark:border-coolgray-200 sm:items-center;
|
||||
@apply flex h-fit flex-col md:flex-row justify-items-start sm:justify-between gap-4 pb-2 border-b-2 border-solid dark:border-coolgray-200 md:items-center;
|
||||
}
|
||||
|
||||
.loading {
|
||||
|
@ -1,7 +1,7 @@
|
||||
<nav wire:poll.5000ms="check_status">
|
||||
<x-resources.breadcrumbs :resource="$application" :parameters="$parameters" />
|
||||
<div class="navbar-main">
|
||||
<nav class="flex gap-4 overflow-x-scroll items-center min-h-10">
|
||||
<nav class="flex gap-4 overflow-x-scroll items-center min-h-10 flex-shrink-0">
|
||||
<a href="{{ route('project.application.configuration', $parameters) }}">
|
||||
Configuration
|
||||
</a>
|
||||
@ -18,14 +18,16 @@
|
||||
@endif
|
||||
<x-applications.links :application="$application" />
|
||||
</nav>
|
||||
<div class="flex items-center gap-2 order-first sm:order-last">
|
||||
<div class="flex items-center gap-2 order-first md:order-last flex-wrap md:flex-nowrap">
|
||||
@if ($application->build_pack === 'dockercompose' && is_null($application->docker_compose_raw))
|
||||
<div>Please load a Compose file.</div>
|
||||
@else
|
||||
@if (!$application->destination->server->isSwarm())
|
||||
<div class="md:order-first order-last">
|
||||
<x-applications.advanced :application="$application" />
|
||||
</div>
|
||||
@endif
|
||||
<div class="flex gap-2">
|
||||
<div class="flex gap-2 flex-wrap">
|
||||
@if (!str($application->status)->startsWith('exited'))
|
||||
@if (!$application->destination->server->isSwarm())
|
||||
<x-forms.button title="With rolling update if possible" wire:click='deploy'>
|
||||
|
@ -7,7 +7,7 @@
|
||||
</x-slot:content>
|
||||
</x-slide-over>
|
||||
<div class="navbar-main">
|
||||
<nav class="flex gap-4 overflow-x-scroll items-center min-h-10">
|
||||
<nav class="flex gap-4 overflow-x-scroll items-center min-h-10 flex-shrink-0">
|
||||
<a class="{{ request()->routeIs('project.database.configuration') ? 'dark:text-white' : '' }}"
|
||||
href="{{ route('project.database.configuration', $parameters) }}">
|
||||
<button>Configuration</button>
|
||||
@ -31,7 +31,7 @@
|
||||
</a>
|
||||
@endif
|
||||
</nav>
|
||||
<div class="flex items-center gap-2 order-first sm:order-last">
|
||||
<div class="flex items-center gap-2 order-first sm:order-last flex-wrap">
|
||||
@if (!str($database->status)->startsWith('exited'))
|
||||
<x-modal-confirmation @click="$wire.dispatch('stopEvent')">
|
||||
<x-slot:button-title>
|
||||
|
@ -9,14 +9,14 @@
|
||||
<h1>Configuration</h1>
|
||||
<x-resources.breadcrumbs :resource="$service" :parameters="$parameters" />
|
||||
<div class="navbar-main" x-data>
|
||||
<nav class="flex gap-4 overflow-x-scroll items-center min-h-10">
|
||||
<nav class="flex gap-4 overflow-x-scroll items-center min-h-10 flex-shrink-0">
|
||||
<a class="{{ request()->routeIs('project.service.configuration') ? 'dark:text-white' : '' }}"
|
||||
href="{{ route('project.service.configuration', $parameters) }}">
|
||||
<button>Configuration</button>
|
||||
</a>
|
||||
<x-services.links :service="$service" />
|
||||
</nav>
|
||||
<div class="flex gap-2 order-first sm:order-last">
|
||||
<div class="flex items-center gap-2 order-first sm:order-last flex-wrap">
|
||||
@if (str($service->status())->contains('running'))
|
||||
<button @click="$wire.dispatch('restartEvent')" class="gap-2 button">
|
||||
<svg class="w-5 h-5 dark:text-warning" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
|
Loading…
Reference in New Issue
Block a user