Merge pull request #61 from dcblogdev/ui-fixes

UI fixes

Author: dcblogdev

resources/views/components/modal.blade.php

@@ -46,16 +46,16 @@
              x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
         >
             <!-- Scrollable Content -->
-            <div class="flex flex-col max-h-screen overflow-y-auto p-6">
-                <header class="text-center mb-4">
+            <div class="flex flex-col max-h-screen overflow-y-auto">
+                <header class="text-center mb-4 px-6">
                     <h2 class="text-lg font-semibold">{{ $modalTitle ?? '' }}</h2>
                 </header>
 
-                <main class="mb-4">
+                <main class="mb-4 px-6">
                     {{ $content ?? '' }}
                 </main>
 
-                <footer class="p-4 py-4 px-4 -mx-8 -mb-8 mt-8 bg-slate-100 dark:bg-gray-500">
+                <footer class="p-4 mt-8 bg-slate-100 dark:bg-gray-500">
                     <div class="flex justify-end gap-4">
                         {{ $footer ?? '' }}
                     </div>

resources/views/livewire/admin/users/show.blade.php

@@ -25,7 +25,7 @@
                 <div class="mt-5 text-left">
                     <div class="flex border-b pb-2">
                         <i class="pt-1 pr-1 fa fa-envelope"></i>
-                        <div style="width:200px; overflow: scroll">{{ $user->email }}</div>
+                        <div class="w-auto overflow-hidden text-ellipsis whitespace-nowrap">{{ $user->email }}</div>
                     </div>
                 </div>