Refactor server resources view to use flexbox for sidebar layout

This commit is contained in:
Andras Bacsai
2024-10-21 14:22:07 +02:00
parent a1d35deefe
commit 8eac7c209a
5 changed files with 22 additions and 23 deletions

View File

@@ -1,18 +1,16 @@
@if ($server->proxySet()) @if ($server->proxySet())
<div class="flex h-full pr-4"> <div class="flex flex-col items-start gap-2 min-w-fit">
<div class="flex flex-col w-48 gap-4 min-w-fit"> <a class="{{ request()->routeIs('server.proxy') ? 'menu-item menu-item-active' : 'menu-item' }}"
<a class="{{ request()->routeIs('server.proxy') ? 'dark:text-white' : '' }}"
href="{{ route('server.proxy', $parameters) }}"> href="{{ route('server.proxy', $parameters) }}">
<button>Configuration</button> <button>Configuration</button>
</a> </a>
<a class="{{ request()->routeIs('server.proxy.dynamic-confs') ? 'dark:text-white' : '' }}" <a class="{{ request()->routeIs('server.proxy.dynamic-confs') ? 'menu-item menu-item-active' : 'menu-item' }}"
href="{{ route('server.proxy.dynamic-confs', $parameters) }}"> href="{{ route('server.proxy.dynamic-confs', $parameters) }}">
<button>Dynamic Configurations</button> <button>Dynamic Configurations</button>
</a> </a>
<a class="{{ request()->routeIs('server.proxy.logs') ? 'dark:text-white' : '' }}" <a class="{{ request()->routeIs('server.proxy.logs') ? 'menu-item menu-item-active' : 'menu-item' }}"
href="{{ route('server.proxy.logs', $parameters) }}"> href="{{ route('server.proxy.logs', $parameters) }}">
<button>Logs</button> <button>Logs</button>
</a> </a>
</div> </div>
</div>
@endif @endif

View File

@@ -1,10 +1,11 @@
<div> <div>
<div class="pb-0 subtitle"> <div class="pb-0 subtitle">
<div >Private Keys are used to connect to your servers without passwords.</div> <div>Private Keys are used to connect to your servers without passwords.</div>
<div class="font-bold">You should not use passphrase protected keys.</div> <div class="font-bold">You should not use passphrase protected keys.</div>
</div> </div>
<div class="flex gap-2 mb-4"> <div class="flex gap-2 mb-4 w-full">
<x-forms.button wire:click="generateNewEDKey">Generate new ED25519 SSH Key (Recommended, fastest and most secure)</x-forms.button> <x-forms.button wire:click="generateNewEDKey" isHighlighted class="w-full">Generate new ED25519 SSH
Key</x-forms.button>
<x-forms.button wire:click="generateNewRSAKey">Generate new RSA SSH Key</x-forms.button> <x-forms.button wire:click="generateNewRSAKey">Generate new RSA SSH Key</x-forms.button>
</div> </div>
<form class="flex flex-col gap-2" wire:submit='createPrivateKey'> <form class="flex flex-col gap-2" wire:submit='createPrivateKey'>

View File

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

View File

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

View File

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