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

Refactor server resources view to use flexbox for sidebar layout

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

28
resources/views/components/server/sidebar.blade.php
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') ? 'menu-item menu-item-active' : 'menu-item' }}"
<a class="{{ request()->routeIs('server.proxy.dynamic-confs') ? 'dark:text-white' : '' }}" 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') ? 'menu-item menu-item-active' : 'menu-item' }}"
<a class="{{ request()->routeIs('server.proxy.logs') ? 'dark:text-white' : '' }}" 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

9
resources/views/livewire/security/private-key/create.blade.php
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'>

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>
<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())

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>
<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>

4
resources/views/livewire/server/proxy/show.blade.php
View File

@@ -4,13 +4,13 @@
</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" />
</div> </div>
</div> </div>
@else @else
<div>Server is not validated. Validate first.</div> <div>Server is not validated. Validate first.</div>
@endif @endif
</div> </div>