Refactor flexbox layout and button styles in show-private-key.blade.php

This commit is contained in:
Andras Bacsai
2024-10-25 11:17:17 +02:00
parent 2877080a39
commit d26a0f194b

View File

@@ -14,17 +14,17 @@
</div> </div>
<div class="grid xl:grid-cols-2 grid-cols-1 gap-2"> <div class="grid xl:grid-cols-2 grid-cols-1 gap-2">
@forelse ($privateKeys as $private_key) @forelse ($privateKeys as $private_key)
<div class="box-without-bg justify-between dark:bg-coolgray-100 bg-white items-center"> <div class="box-without-bg justify-between dark:bg-coolgray-100 bg-white items-center flex flex-col gap-2">
<div class="flex flex-col "> <div class="flex flex-col w-full">
<div class="box-title">{{ $private_key->name }}</div> <div class="box-title">{{ $private_key->name }}</div>
<div class="box-description">{{ $private_key->description }}</div> <div class="box-description">{{ $private_key->description }}</div>
</div> </div>
@if (data_get($server, 'privateKey.uuid') !== $private_key->uuid) @if (data_get($server, 'privateKey.uuid') !== $private_key->uuid)
<x-forms.button wire:click='setPrivateKey({{ $private_key->id }})'> <x-forms.button class="w-full" wire:click='setPrivateKey({{ $private_key->id }})'>
Use this key Use this key
</x-forms.button> </x-forms.button>
@else @else
<x-forms.button disabled> <x-forms.button class="w-full" disabled>
Currently used Currently used
</x-forms.button> </x-forms.button>
@endif @endif