From 2f50f64ecfb99b4743ed6733e7a6d9b2c39f20aa Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Fri, 22 Mar 2024 13:09:02 +0100
Subject: [PATCH] Update input component and toast position

---
 app/View/Components/Forms/Input.php                 | 4 +++-
 resources/css/app.css                               | 2 +-
 resources/views/components/toast.blade.php          | 2 +-
 resources/views/livewire/server/resources.blade.php | 2 +-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/View/Components/Forms/Input.php b/app/View/Components/Forms/Input.php
index 56349f6db..45f8e9678 100644
--- a/app/View/Components/Forms/Input.php
+++ b/app/View/Components/Forms/Input.php
@@ -29,7 +29,9 @@ public function render(): View|Closure|string
     {
         if (is_null($this->id)) $this->id = new Cuid2(7);
         if (is_null($this->name)) $this->name = $this->id;
-
+        if ($this->type === 'password') {
+            $this->defaultClass = $this->defaultClass . "  pr-[2.8rem]";
+        }
         // $this->label = Str::title($this->label);
         return view('components.forms.input');
     }
diff --git a/resources/css/app.css b/resources/css/app.css
index 3c2a79dff..22869da46 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -84,7 +84,7 @@ input {
 }
 
 .input {
-    @apply block w-full py-1.5 pr-[2.8rem] rounded border-0 text-sm ring-inset ring-1 dark:bg-coolgray-100 dark:text-white text-black focus:ring-2 dark:focus:ring-coolgray-300 dark:ring-coolgray-300 dark:read-only:text-neutral-500 dark:read-only:ring-0 dark:read-only:bg-coolgray-100/40 dark:placeholder:text-neutral-700;
+    @apply block w-full py-1.5 rounded border-0 text-sm ring-inset ring-1 dark:bg-coolgray-100 dark:text-white text-black focus:ring-2 dark:focus:ring-coolgray-300 dark:ring-coolgray-300 dark:read-only:text-neutral-500 dark:read-only:ring-0 dark:read-only:bg-coolgray-100/40 dark:placeholder:text-neutral-700;
 }
 
 option {
diff --git a/resources/views/components/toast.blade.php b/resources/views/components/toast.blade.php
index 6e6f08c4b..df0d224e0 100644
--- a/resources/views/components/toast.blade.php
+++ b/resources/views/components/toast.blade.php
@@ -13,7 +13,7 @@
 }" x-init="window.toast = function(message, options = {}) {
     let description = '';
     let type = 'default';
-    let position = 'bottom-right';
+    let position = 'top-center';
     let html = '';
     if (typeof options.description != 'undefined') description = options.description;
     if (typeof options.type != 'undefined') type = options.type;
diff --git a/resources/views/livewire/server/resources.blade.php b/resources/views/livewire/server/resources.blade.php
index 2d7376c87..080ea06d6 100644
--- a/resources/views/livewire/server/resources.blade.php
+++ b/resources/views/livewire/server/resources.blade.php
@@ -2,7 +2,7 @@
     <x-server.navbar :server="$server" :parameters="$parameters" />
     @if ($server->isFunctional())
         <div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'managed' }" class="flex h-full">
-            <div class="flex flex-col gap-4 xl:w-32">
+            <div class="flex flex-col gap-4">
                 <a :class="activeTab === 'managed' && 'text-white'"
                     @click.prevent="activeTab = 'managed'; window.location.hash = 'managed'" href="#">Managed</a>
                 <a :class="activeTab === 'unmanaged' && 'text-white'"