dave/coolify
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

improved responsivness in case the service/app/database is deployed

Browse Source
This commit is contained in:
Francesco Bruno
2024-05-05 18:14:14 +00:00
parent 3235907266
commit 1b30ee606f
4 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/css/app.css
View File

@@ -185,7 +185,7 @@ tr td:first-child {
} }
.navbar-main { .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 { .loading {

8
resources/views/livewire/project/application/heading.blade.php
View File

@@ -1,7 +1,7 @@
<nav wire:poll.5000ms="check_status"> <nav wire:poll.5000ms="check_status">
<x-resources.breadcrumbs :resource="$application" :parameters="$parameters" /> <x-resources.breadcrumbs :resource="$application" :parameters="$parameters" />
<div class="navbar-main"> <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) }}"> <a href="{{ route('project.application.configuration', $parameters) }}">
Configuration Configuration
</a> </a>
@@ -18,14 +18,16 @@
@endif @endif
<x-applications.links :application="$application" /> <x-applications.links :application="$application" />
</nav> </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)) @if ($application->build_pack === 'dockercompose' && is_null($application->docker_compose_raw))
<div>Please load a Compose file.</div> <div>Please load a Compose file.</div>
@else @else
@if (!$application->destination->server->isSwarm()) @if (!$application->destination->server->isSwarm())
<div class="md:order-first order-last">
<x-applications.advanced :application="$application" /> <x-applications.advanced :application="$application" />
</div>
@endif @endif
<div class="flex gap-2"> <div class="flex gap-2 flex-wrap">
@if (!str($application->status)->startsWith('exited')) @if (!str($application->status)->startsWith('exited'))
@if (!$application->destination->server->isSwarm()) @if (!$application->destination->server->isSwarm())
<x-forms.button title="With rolling update if possible" wire:click='deploy'> <x-forms.button title="With rolling update if possible" wire:click='deploy'>

4
resources/views/livewire/project/database/heading.blade.php
View File

@@ -7,7 +7,7 @@
</x-slot:content> </x-slot:content>
</x-slide-over> </x-slide-over>
<div class="navbar-main"> <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' : '' }}" <a class="{{ request()->routeIs('project.database.configuration') ? 'dark:text-white' : '' }}"
href="{{ route('project.database.configuration', $parameters) }}"> href="{{ route('project.database.configuration', $parameters) }}">
<button>Configuration</button> <button>Configuration</button>
@@ -31,7 +31,7 @@
</a> </a>
@endif @endif
</nav> </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')) @if (!str($database->status)->startsWith('exited'))
<x-modal-confirmation @click="$wire.dispatch('stopEvent')"> <x-modal-confirmation @click="$wire.dispatch('stopEvent')">
<x-slot:button-title> <x-slot:button-title>

4
resources/views/livewire/project/service/navbar.blade.php
View File

@@ -9,14 +9,14 @@
<h1>Configuration</h1> <h1>Configuration</h1>
<x-resources.breadcrumbs :resource="$service" :parameters="$parameters" /> <x-resources.breadcrumbs :resource="$service" :parameters="$parameters" />
<div class="navbar-main" x-data> <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' : '' }}" <a class="{{ request()->routeIs('project.service.configuration') ? 'dark:text-white' : '' }}"
href="{{ route('project.service.configuration', $parameters) }}"> href="{{ route('project.service.configuration', $parameters) }}">
<button>Configuration</button> <button>Configuration</button>
</a> </a>
<x-services.links :service="$service" /> <x-services.links :service="$service" />
</nav> </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')) @if (str($service->status())->contains('running'))
<button @click="$wire.dispatch('restartEvent')" class="gap-2 button"> <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"> <svg class="w-5 h-5 dark:text-warning" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">