rosslh/coolify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: align server mobile menu spacing

Browse source
This commit is contained in:
Andras Bacsai 2026-07-08 09:49:16 +02:00
parent d74206f4a9
commit d90a0a288c
24 changed files with 24 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/views/components/server/sidebar-proxy.blade.php
View file

@ -70,7 +70,7 @@
@endphp @endphp
<div class="w-full md:w-auto"> <div class="w-full md:w-auto">
<div class="mb-4 w-full border-b-2 border-solid border-neutral-200 pb-6 md:hidden dark:border-coolgray-200"> <div class="mb-4 w-full border-b-2 border-solid border-neutral-200 pb-4 md:hidden dark:border-coolgray-200">
<label id="server-mobile-section-label" for="server-mobile-section" class="mb-1 block text-xs font-semibold uppercase tracking-wide text-neutral-500 dark:text-neutral-400">Section</label> <label id="server-mobile-section-label" for="server-mobile-section" class="mb-1 block text-xs font-semibold uppercase tracking-wide text-neutral-500 dark:text-neutral-400">Section</label>
<select id="server-mobile-section" class="select w-full" aria-label="Proxy menu" <select id="server-mobile-section" class="select w-full" aria-label="Proxy menu"
data-current-value="{{ $activeProxyMenuValue }}" data-current-value="{{ $activeProxyMenuValue }}"

2
resources/views/components/server/sidebar-security.blade.php
View file

@ -58,7 +58,7 @@
@endphp @endphp
<div class="w-full md:w-auto"> <div class="w-full md:w-auto">
<div class="mb-4 w-full border-b-2 border-solid border-neutral-200 pb-6 md:hidden dark:border-coolgray-200"> <div class="mb-4 w-full border-b-2 border-solid border-neutral-200 pb-4 md:hidden dark:border-coolgray-200">
<label id="server-mobile-section-label" for="server-mobile-section" class="mb-1 block text-xs font-semibold uppercase tracking-wide text-neutral-500 dark:text-neutral-400">Section</label> <label id="server-mobile-section-label" for="server-mobile-section" class="mb-1 block text-xs font-semibold uppercase tracking-wide text-neutral-500 dark:text-neutral-400">Section</label>
<select id="server-mobile-section" class="select w-full" aria-label="Security menu" <select id="server-mobile-section" class="select w-full" aria-label="Security menu"
data-current-value="{{ $activeSecurityMenuValue }}" data-current-value="{{ $activeSecurityMenuValue }}"

2
resources/views/components/server/sidebar-sentinel.blade.php
View file

@ -58,7 +58,7 @@
<div class="w-full md:w-auto"> <div class="w-full md:w-auto">
@can('viewSentinel', $server) @can('viewSentinel', $server)
<div class="mb-4 w-full border-b-2 border-solid border-neutral-200 pb-6 md:hidden dark:border-coolgray-200"> <div class="mb-4 w-full border-b-2 border-solid border-neutral-200 pb-4 md:hidden dark:border-coolgray-200">
<label id="server-mobile-section-label" for="server-mobile-section" class="mb-1 block text-xs font-semibold uppercase tracking-wide text-neutral-500 dark:text-neutral-400">Section</label> <label id="server-mobile-section-label" for="server-mobile-section" class="mb-1 block text-xs font-semibold uppercase tracking-wide text-neutral-500 dark:text-neutral-400">Section</label>
<select id="server-mobile-section" class="select w-full" aria-label="Sentinel menu" <select id="server-mobile-section" class="select w-full" aria-label="Sentinel menu"
data-current-value="{{ $activeSentinelMenuValue }}" data-current-value="{{ $activeSentinelMenuValue }}"

2
resources/views/components/server/sidebar.blade.php
View file

@ -126,7 +126,7 @@
@endphp @endphp
<div class="w-full md:w-auto"> <div class="w-full md:w-auto">
<div class="mb-4 w-full border-b-2 border-solid border-neutral-200 pb-6 md:hidden dark:border-coolgray-200"> <div class="mb-4 w-full border-b-2 border-solid border-neutral-200 pb-4 md:hidden dark:border-coolgray-200">
<label id="server-mobile-section-label" for="server-mobile-section" class="mb-1 block text-xs font-semibold uppercase tracking-wide text-neutral-500 dark:text-neutral-400">Section</label> <label id="server-mobile-section-label" for="server-mobile-section" class="mb-1 block text-xs font-semibold uppercase tracking-wide text-neutral-500 dark:text-neutral-400">Section</label>
<select id="server-mobile-section" class="select w-full" aria-label="Server menu" <select id="server-mobile-section" class="select w-full" aria-label="Server menu"
data-current-value="{{ $activeServerMenuValue }}" data-current-value="{{ $activeServerMenuValue }}"

2
resources/views/livewire/server/advanced.blade.php
View file

@ -3,7 +3,7 @@
{{ data_get_str($server, 'name')->limit(10) }} > Advanced | Coolify {{ data_get_str($server, 'name')->limit(10) }} > Advanced | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'general' }" class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'general' }" class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar :server="$server" activeMenu="advanced" /> <x-server.sidebar :server="$server" activeMenu="advanced" />
<form wire:submit='submit' class="w-full"> <form wire:submit='submit' class="w-full">
<div> <div>

2
resources/views/livewire/server/ca-certificate/show.blade.php
View file

@ -3,7 +3,7 @@
{{ data_get_str($server, 'name')->limit(10) }} > CA Certificate | Coolify {{ data_get_str($server, 'name')->limit(10) }} > CA Certificate | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar :server="$server" activeMenu="ca-certificate" /> <x-server.sidebar :server="$server" activeMenu="ca-certificate" />
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">

2
resources/views/livewire/server/charts.blade.php
View file

@ -3,7 +3,7 @@
{{ data_get_str($server, 'name')->limit(10) }} > Metrics | Coolify {{ data_get_str($server, 'name')->limit(10) }} > Metrics | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar :server="$server" activeMenu="metrics" /> <x-server.sidebar :server="$server" activeMenu="metrics" />
<div class="w-full"> <div class="w-full">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">

2
resources/views/livewire/server/cloud-provider-token/show.blade.php
View file

@ -3,7 +3,7 @@
{{ data_get_str($server, 'name')->limit(10) }} > Cloud Token | Coolify {{ data_get_str($server, 'name')->limit(10) }} > Cloud Token | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar :server="$server" activeMenu="cloud-provider-token" /> <x-server.sidebar :server="$server" activeMenu="cloud-provider-token" />
<div class="w-full"> <div class="w-full">
@if ($server->hetzner_server_id || $server->vultr_instance_id) @if ($server->hetzner_server_id || $server->vultr_instance_id)

2
resources/views/livewire/server/cloudflare-tunnel.blade.php
View file

@ -3,7 +3,7 @@
{{ data_get_str($server, 'name')->limit(10) }} > Cloudflare Tunnel | Coolify {{ data_get_str($server, 'name')->limit(10) }} > Cloudflare Tunnel | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar :server="$server" activeMenu="cloudflare-tunnel" /> <x-server.sidebar :server="$server" activeMenu="cloudflare-tunnel" />
<div class="w-full"> <div class="w-full">
<div class="flex flex-col"> <div class="flex flex-col">

2
resources/views/livewire/server/delete.blade.php
View file

@ -3,7 +3,7 @@
{{ data_get_str($server, 'name')->limit(10) }} > Delete Server | Coolify {{ data_get_str($server, 'name')->limit(10) }} > Delete Server | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar :server="$server" activeMenu="danger" /> <x-server.sidebar :server="$server" activeMenu="danger" />
<div class="w-full"> <div class="w-full">
@if ($server->id !== 0) @if ($server->id !== 0)

2
resources/views/livewire/server/destinations.blade.php
View file

@ -3,7 +3,7 @@
{{ data_get_str($server, 'name')->limit(10) }} > Destinations | Coolify {{ data_get_str($server, 'name')->limit(10) }} > Destinations | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar :server="$server" activeMenu="destinations" /> <x-server.sidebar :server="$server" activeMenu="destinations" />
<div class="w-full"> <div class="w-full">
@if ($server->isFunctional()) @if ($server->isFunctional())

2
resources/views/livewire/server/docker-cleanup.blade.php
View file

@ -3,7 +3,7 @@
{{ data_get_str($server, 'name')->limit(10) }} > Docker Cleanup | Coolify {{ data_get_str($server, 'name')->limit(10) }} > Docker Cleanup | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'general' }" class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'general' }" class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar :server="$server" activeMenu="docker-cleanup" /> <x-server.sidebar :server="$server" activeMenu="docker-cleanup" />
<div class="w-full"> <div class="w-full">
<form wire:submit='submit'> <form wire:submit='submit'>

2
resources/views/livewire/server/log-drains.blade.php
View file

@ -3,7 +3,7 @@
{{ data_get_str($server, 'name')->limit(10) }} > Log Drains | Coolify {{ data_get_str($server, 'name')->limit(10) }} > Log Drains | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar :server="$server" activeMenu="log-drains" /> <x-server.sidebar :server="$server" activeMenu="log-drains" />
<div class="w-full"> <div class="w-full">
@if ($server->isFunctional()) @if ($server->isFunctional())

2
resources/views/livewire/server/private-key/show.blade.php
View file

@ -3,7 +3,7 @@
{{ data_get_str($server, 'name')->limit(10) }} > Private Key | Coolify {{ data_get_str($server, 'name')->limit(10) }} > Private Key | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar :server="$server" activeMenu="private-key" /> <x-server.sidebar :server="$server" activeMenu="private-key" />
<div class="w-full"> <div class="w-full">
<div class="flex items-end gap-2"> <div class="flex items-end gap-2">

2
resources/views/livewire/server/proxy/dynamic-configurations.blade.php
View file

@ -3,7 +3,7 @@
Proxy Dynamic Configuration | Coolify Proxy Dynamic Configuration | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar-proxy :server="$server" :parameters="$parameters" /> <x-server.sidebar-proxy :server="$server" :parameters="$parameters" />
@if ($server->isFunctional()) @if ($server->isFunctional())
<div class="w-full"> <div class="w-full">

2
resources/views/livewire/server/proxy/logs.blade.php
View file

@ -3,7 +3,7 @@
Proxy Logs | Coolify Proxy Logs | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar-proxy :server="$server" :parameters="$parameters" /> <x-server.sidebar-proxy :server="$server" :parameters="$parameters" />
<div class="w-full"> <div class="w-full">
<h2 class="pb-4">Logs</h2> <h2 class="pb-4">Logs</h2>

2
resources/views/livewire/server/proxy/show.blade.php
View file

@ -4,7 +4,7 @@
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
@if ($server->isFunctional()) @if ($server->isFunctional())
<div class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar-proxy :server="$server" :parameters="$parameters" /> <x-server.sidebar-proxy :server="$server" :parameters="$parameters" />
<div class="w-full"> <div class="w-full">
<livewire:server.proxy :server="$server" /> <livewire:server.proxy :server="$server" />

2
resources/views/livewire/server/resources.blade.php
View file

@ -3,7 +3,7 @@
{{ data_get_str($server, 'name')->limit(10) }} > Server Resources | Coolify {{ data_get_str($server, 'name')->limit(10) }} > Server Resources | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div x-data="{ activeTab: 'managed' }" class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div x-data="{ activeTab: 'managed' }" class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<div class="w-full"> <div class="w-full">
<div class="flex flex-col"> <div class="flex flex-col">
<div class="flex gap-2"> <div class="flex gap-2">

2
resources/views/livewire/server/security/patches.blade.php
View file

@ -10,7 +10,7 @@
</x-slot:content> </x-slot:content>
</x-slide-over> </x-slide-over>
<div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'general' }" class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'general' }" class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar-security :server="$server" :parameters="$parameters" /> <x-server.sidebar-security :server="$server" :parameters="$parameters" />
<form wire:submit='submit' class="w-full"> <form wire:submit='submit' class="w-full">
<div> <div>

2
resources/views/livewire/server/security/terminal-access.blade.php
View file

@ -3,7 +3,7 @@
{{ data_get_str($server, 'name')->limit(10) }} > Terminal Access | Coolify {{ data_get_str($server, 'name')->limit(10) }} > Terminal Access | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'general' }" class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'general' }" class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar-security :server="$server" :parameters="$parameters" /> <x-server.sidebar-security :server="$server" :parameters="$parameters" />
<div class="w-full"> <div class="w-full">
<div> <div>

2
resources/views/livewire/server/sentinel/logs.blade.php
View file

@ -3,7 +3,7 @@
Sentinel Logs | Coolify Sentinel Logs | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar-sentinel :server="$server" :parameters="$parameters" /> <x-server.sidebar-sentinel :server="$server" :parameters="$parameters" />
<div class="w-full"> <div class="w-full">
<h2 class="pb-4">Logs</h2> <h2 class="pb-4">Logs</h2>

2
resources/views/livewire/server/sentinel/show.blade.php
View file

@ -4,7 +4,7 @@
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
@if ($server->isFunctional()) @if ($server->isFunctional())
<div class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar-sentinel :server="$server" :parameters="$parameters" /> <x-server.sidebar-sentinel :server="$server" :parameters="$parameters" />
<div class="w-full"> <div class="w-full">
<livewire:server.sentinel :server="$server" /> <livewire:server.sentinel :server="$server" />

2
resources/views/livewire/server/show.blade.php
View file

@ -4,7 +4,7 @@
{{ data_get_str($server, 'name')->limit(10) }} > General | Coolify {{ data_get_str($server, 'name')->limit(10) }} > General | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar :server="$server" activeMenu="general" /> <x-server.sidebar :server="$server" activeMenu="general" />
<div class="w-full"> <div class="w-full">
<form wire:submit.prevent='submit' class="flex flex-col"> <form wire:submit.prevent='submit' class="flex flex-col">

2
resources/views/livewire/server/swarm.blade.php
View file

@ -3,7 +3,7 @@
{{ data_get_str($server, 'name')->limit(10) }} > Swarm | Coolify {{ data_get_str($server, 'name')->limit(10) }} > Swarm | Coolify
</x-slot> </x-slot>
<livewire:server.navbar :server="$server" /> <livewire:server.navbar :server="$server" />
<div class="flex flex-col h-full gap-2 md:gap-8 md:flex-row"> <div class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
<x-server.sidebar :server="$server" activeMenu="swarm" /> <x-server.sidebar :server="$server" activeMenu="swarm" />
<div class="w-full"> <div class="w-full">
<div> <div>