Update component style

Author: Irvan789

resources/views/components/input-text.blade.php

@@ -9,24 +9,24 @@ class="text-[0.9375rem]/4.5 relative flex w-full flex-col gap-1.5 font-medium te
     <input
       type="{{ $type ?? 'text' }}"
       autocomplete="off"
-      {{ $attributes->twMerge('rounded-xs border border-[#5e6e754d] bg-[#ffffff73] px-2.5 py-1.5 text-sm/5 focus:border-[#c8b96ea6] focus:bg-[#ffffffb3] focus:outline-none') }}
+      {{ $attributes->twMerge('rounded-xs inset-ring inset-ring-[#5e6e754d] focus:inset-ring-[#c8b96ea6] bg-[#ffffff73] px-3 py-2 text-sm/5 font-normal read-only:cursor-not-allowed focus:bg-[#ffffffb3] focus:outline-none') }}
     />
 
     {{ $slot }}
   @else
     <input
       :type="showPassword ? 'text' : 'password'"
       autocomplete="off"
-      {{ $attributes->twMerge('rounded-xs border border-[#5e6e754d] bg-[#ffffff73] pl-2.5 pr-8 py-1.5 text-sm/5 focus:border-[#c8b96ea6] focus:bg-[#ffffffb3] focus:outline-none') }}
+      {{ $attributes->twMerge('rounded-xs inset-ring inset-ring-[#5e6e754d] focus:inset-ring-[#c8b96ea6] bg-[#ffffff73] py-2 pl-3 pr-9 text-sm/5 font-normal read-only:cursor-not-allowed focus:bg-[#ffffffb3] focus:outline-none') }}
     />
 
     <button
       type="button"
-      class="inset-e-0 p-2.25 absolute top-6 flex shrink-0 cursor-pointer"
+      class="inset-e-0 absolute top-6 flex shrink-0 cursor-pointer p-2.5"
       x-on:click="showPassword = !showPassword"
     >
       <span
-        class="size-4 text-zinc-700"
+        class="size-4 text-[#3d3530]"
         :class="showPassword ? 'icon-[heroicons--eye-20-solid]' : 'icon-[heroicons--eye-slash-20-solid]'"
       >
       </span>

resources/views/components/social-account.blade.php

@@ -1,21 +1,30 @@
-@props(['name', 'url', 'email'])
-
 <div class="flex flex-row items-center justify-between gap-4">
   <div class="flex flex-col">
     <div class="text-[0.9375rem]/4.5 font-semibold">
       {{ $name }}
     </div>
 
-    <div class="break-all text-sm/4 text-zinc-700">
+    <div class="break-all text-sm/4">
       {{ $email }}
     </div>
   </div>
 
-  <a
-    href="{{ $url }}"
-    class="rounded-xs h-7 min-w-16 bg-[#3d3530e6] px-2.5 py-1.5 text-center text-xs/4 capitalize text-[#f0ede8] transition-colors duration-300 hover:bg-[#3d3530]"
-    {{ $attributes }}
-  >
-    {{ $slot }}
-  </a>
+  @if (isset($url))
+    <a
+      href="{{ $url }}"
+      class="rounded-xs w-full max-w-24 bg-[#3d3530e6] px-3 py-2 text-center text-sm/4 capitalize text-[#f0ede8] transition-colors duration-300 hover:bg-[#3d3530]"
+      {{ $attributes }}
+    >
+      {{ $slot }}
+    </a>
+  @else
+    <button
+      type="button"
+      class="rounded-xs w-full max-w-24 bg-[#3d3530e6] px-3 py-2 text-center text-sm/4 capitalize text-[#f0ede8] transition-colors duration-300 hover:bg-[#3d3530] disabled:bg-[#3d3530cc] disabled:hover:bg-[#3d3530cc]"
+      @if ($email == '-') disabled @endif
+      {{ $attributes }}
+    >
+      {{ $slot }}
+    </button>
+  @endif
 </div>