From c701fbad323991bbd8202d96116f3a7c621179cf Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Tue, 13 Jun 2023 10:11:11 +0200
Subject: [PATCH] fix

---
 resources/css/app.css                          |  2 +-
 resources/js/components/MagicBar.vue           |  2 +-
 .../views/components/forms/input.blade.php     | 18 ++++++++----------
 resources/views/components/layout.blade.php    |  4 +---
 .../views/livewire/destination/form.blade.php  |  2 +-
 5 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index e26a62460..8ed47bb78 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -38,7 +38,7 @@ textarea {
     @apply textarea placeholder:text-neutral-700 text-white rounded scrollbar;
 }
 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 {
     @apply w-4 text-warning;
diff --git a/resources/js/components/MagicBar.vue b/resources/js/components/MagicBar.vue
index b7b5594df..f997a07d5 100644
--- a/resources/js/components/MagicBar.vue
+++ b/resources/js/components/MagicBar.vue
@@ -14,7 +14,7 @@
             <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>
-                <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">
                     <div class="overflow-hidden transition-all transform bg-coolgray-200 ring-1 ring-black ring-opacity-5">
                         <div class="relative">
diff --git a/resources/views/components/forms/input.blade.php b/resources/views/components/forms/input.blade.php
index 99b1af51c..4c15f47f0 100644
--- a/resources/views/components/forms/input.blade.php
+++ b/resources/views/components/forms/input.blade.php
@@ -42,16 +42,14 @@
         @if ($disabled !== null) disabled @endif
                 @if ($required !== null) required @endif @if ($readonly !== null) readonly @endif
                 @if (!$noDirty && $id) wire:dirty.class="input-warning" @endif {{ $attributes }} />
-            @if ($type === 'password')
-                <span x-on:click="changeType('{{ $id }}')" x-cloak
-                    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"
-                        stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-                        <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="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>
-            @endif
+            <span x-on:click="changePasswordFieldType('{{ $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
+                    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">
+                    <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="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>
         </div>
     @else
         <input type={{ $type }}
diff --git a/resources/views/components/layout.blade.php b/resources/views/components/layout.blade.php
index 457e2bb7b..cbe3560da 100644
--- a/resources/views/components/layout.blade.php
+++ b/resources/views/components/layout.blade.php
@@ -38,10 +38,8 @@
     <x-version class="fixed left-2 bottom-1" />
     @auth
         <script>
-            function changeType(id) {
-                console.log(id)
+            function changePasswordFieldType(id) {
                 const input = document.getElementById(id);
-                console.log(input)
                 if (input.type === 'password') {
                     input.type = 'text';
                 } else {
diff --git a/resources/views/livewire/destination/form.blade.php b/resources/views/livewire/destination/form.blade.php
index 120ec7553..9cfe79323 100644
--- a/resources/views/livewire/destination/form.blade.php
+++ b/resources/views/livewire/destination/form.blade.php
@@ -14,7 +14,7 @@
         @if ($destination->getMorphClass() === 'App\Models\StandaloneDocker')
             <div class="pt-2 pb-10 text-sm">Your standalone docker network.</div>
         @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
         <div class="flex gap-2">
             <x-forms.input id="destination.name" label="Name" />