This commit is contained in:
Andras Bacsai 2023-06-13 10:11:11 +02:00
parent e4704fb7e6
commit c701fbad32
5 changed files with 12 additions and 16 deletions

View File

@ -38,7 +38,7 @@ textarea {
@apply textarea placeholder:text-neutral-700 text-white rounded scrollbar; @apply textarea placeholder:text-neutral-700 text-white rounded scrollbar;
} }
select { select {
@apply h-7 select select-sm text-sm disabled:bg-coolgray-200 border-none disabled:opacity-50 font-normal placeholder:text-neutral-700 text-white rounded; @apply h-7 select select-xs text-sm disabled:bg-coolgray-200 border-none disabled:opacity-50 font-normal placeholder:text-neutral-700 text-white rounded;
} }
.loading { .loading {
@apply w-4 text-warning; @apply w-4 text-warning;

View File

@ -14,7 +14,7 @@
<div class="relative" role="dialog" aria-modal="true" v-if="showCommandPalette" @keyup.esc="resetState"> <div class="relative" role="dialog" aria-modal="true" v-if="showCommandPalette" @keyup.esc="resetState">
<div class="fixed inset-0 transition-opacity bg-opacity-90 bg-coolgray-100" @click.self="resetState"> <div class="fixed inset-0 transition-opacity bg-opacity-90 bg-coolgray-100" @click.self="resetState">
</div> </div>
<div class="fixed inset-0 p-4 mx-auto overflow-y-auto md:w-[70rem] sm:p-10 md:px-20" <div class="fixed inset-0 p-4 mx-auto overflow-y-auto lg:w-[70rem] sm:p-10 md:px-20"
@click.self="resetState"> @click.self="resetState">
<div class="overflow-hidden transition-all transform bg-coolgray-200 ring-1 ring-black ring-opacity-5"> <div class="overflow-hidden transition-all transform bg-coolgray-200 ring-1 ring-black ring-opacity-5">
<div class="relative"> <div class="relative">

View File

@ -42,16 +42,14 @@
@if ($disabled !== null) disabled @endif @if ($disabled !== null) disabled @endif
@if ($required !== null) required @endif @if ($readonly !== null) readonly @endif @if ($required !== null) required @endif @if ($readonly !== null) readonly @endif
@if (!$noDirty && $id) wire:dirty.class="input-warning" @endif {{ $attributes }} /> @if (!$noDirty && $id) wire:dirty.class="input-warning" @endif {{ $attributes }} />
@if ($type === 'password') <span x-on:click="changePasswordFieldType('{{ $id }}')" x-cloak
<span x-on:click="changeType('{{ $id }}')" x-cloak class="border-l-0 border-none rounded-r hover:bg-coolgray-200 no-animation h-7 btn join-item btn-xs bg-coolgray-200 "><svg
class="border-l-0 rounded-r no-animation h-7 btn join-item btn-xs bg-coolgray-200 "><svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 icon" viewBox="0 0 24 24" stroke-width="1.5"
xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 icon" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
<path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" /> <path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6" />
<path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6" /> </svg></span>
</svg></span>
@endif
</div> </div>
@else @else
<input type={{ $type }} <input type={{ $type }}

View File

@ -38,10 +38,8 @@
<x-version class="fixed left-2 bottom-1" /> <x-version class="fixed left-2 bottom-1" />
@auth @auth
<script> <script>
function changeType(id) { function changePasswordFieldType(id) {
console.log(id)
const input = document.getElementById(id); const input = document.getElementById(id);
console.log(input)
if (input.type === 'password') { if (input.type === 'password') {
input.type = 'text'; input.type = 'text';
} else { } else {

View File

@ -14,7 +14,7 @@
@if ($destination->getMorphClass() === 'App\Models\StandaloneDocker') @if ($destination->getMorphClass() === 'App\Models\StandaloneDocker')
<div class="pt-2 pb-10 text-sm">Your standalone docker network.</div> <div class="pt-2 pb-10 text-sm">Your standalone docker network.</div>
@else @else
<div class="pt-2 pb-10 text-sm">Your swarm docker network.</div> <div class="pt-2 pb-10 text-sm">Your swarm docker network. WIP</div>
@endif @endif
<div class="flex gap-2"> <div class="flex gap-2">
<x-forms.input id="destination.name" label="Name" /> <x-forms.input id="destination.name" label="Name" />