Updated edit button and message display

Author: balajidharma

resources/views/admin/permission/index.blade.php

@@ -10,7 +10,6 @@
     @endcan
 
     <div class="py-2">
-        <x-admin.message />
         <div class="min-w-full border-b border-gray-200 shadow overflow-x-auto">
             <x-admin.grid.search action="{{ route('permission.index') }}" />
             <x-admin.grid.table>
@@ -39,15 +38,15 @@
                             <form action="{{ route('permission.destroy', $permission->id) }}" method="POST">
                                 <div class="flex">
                                     @can('permission edit')
-                                    <a href="{{route('permission.edit', $permission->id)}}" class="px-4 py-2 text-white mr-4 bg-blue-600">
+                                    <a href="{{route('permission.edit', $permission->id)}}" class="inline-flex items-center px-4 py-2 mr-4 bg-blue-500 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-blue-600 active:bg-blue-700 focus:outline-none focus:border-blue-700 focus:ring ring-blue-300 disabled:opacity-25 transition ease-in-out duration-150">
                                         {{ __('Edit') }}
                                     </a>
                                     @endcan
 
                                     @can('permission delete')
                                     @csrf
                                     @method('DELETE')
-                                    <button class="px-4 py-2 text-white bg-red-600" onclick="return confirm('{{ __('Are you sure you want to delete?') }}')">
+                                    <button class="inline-flex items-center px-4 py-2 bg-red-500 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-red-600 active:bg-red-700 focus:outline-none focus:border-red-700 focus:ring ring-red-300 disabled:opacity-25 transition ease-in-out duration-150" onclick="return confirm('{{ __('Are you sure you want to delete?') }}')">
                                         {{ __('Delete') }}
                                     </button>
                                     @endcan

resources/views/admin/role/index.blade.php

@@ -10,7 +10,6 @@
     @endcan
 
     <div class="py-2">
-        <x-admin.message />
         <div class="min-w-full border-b border-gray-200 shadow overflow-x-auto">
             <x-admin.grid.search action="{{ route('role.index') }}" />
             <x-admin.grid.table>
@@ -39,15 +38,15 @@
                             <form action="{{ route('role.destroy', $role->id) }}" method="POST">
                                 <div class="flex">
                                     @can('role edit')
-                                    <a href="{{route('role.edit', $role->id)}}" class="px-4 py-2 text-white mr-4 bg-blue-600">
+                                    <a href="{{route('role.edit', $role->id)}}" class="inline-flex items-center px-4 py-2 mr-4 bg-blue-500 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-blue-600 active:bg-blue-700 focus:outline-none focus:border-blue-700 focus:ring ring-blue-300 disabled:opacity-25 transition ease-in-out duration-150">
                                         {{ __('Edit') }}
                                     </a>
                                     @endcan
 
                                     @can('role delete')
                                     @csrf
                                     @method('DELETE')
-                                    <button class="px-4 py-2 text-white bg-red-600" onclick="return confirm('{{ __('Are you sure you want to delete?') }}')">
+                                    <button class="inline-flex items-center px-4 py-2 bg-red-500 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-red-600 active:bg-red-700 focus:outline-none focus:border-red-700 focus:ring ring-red-300 disabled:opacity-25 transition ease-in-out duration-150" onclick="return confirm('{{ __('Are you sure you want to delete?') }}')">
                                         {{ __('Delete') }}
                                     </button>
                                     @endcan

resources/views/admin/user/index.blade.php

@@ -10,7 +10,6 @@
     @endcan
 
     <div class="py-2">
-        <x-admin.message />
         <div class="min-w-full border-b border-gray-200 shadow overflow-x-auto">
             <x-admin.grid.search action="{{ route('user.index') }}" />
             <x-admin.grid.table>
@@ -47,15 +46,15 @@
                             <form action="{{ route('user.destroy', $user->id) }}" method="POST">
                                 <div class="flex">
                                     @can('user edit')
-                                    <a href="{{route('user.edit', $user->id)}}" class="px-4 py-2 text-white mr-4 bg-blue-600">
+                                    <a href="{{route('user.edit', $user->id)}}" class="inline-flex items-center px-4 py-2 mr-4 bg-blue-500 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-blue-600 active:bg-blue-700 focus:outline-none focus:border-blue-700 focus:ring ring-blue-300 disabled:opacity-25 transition ease-in-out duration-150">
                                         {{ __('Edit') }}
                                     </a>
                                     @endcan
 
                                     @can('user delete')
                                     @csrf
                                     @method('DELETE')
-                                    <button class="px-4 py-2 text-white bg-red-600" onclick="return confirm('{{ __('Are you sure you want to delete?') }}')">
+                                    <button class="inline-flex items-center px-4 py-2 bg-red-500 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-red-600 active:bg-red-700 focus:outline-none focus:border-red-700 focus:ring ring-red-300 disabled:opacity-25 transition ease-in-out duration-150" onclick="return confirm('{{ __('Are you sure you want to delete?') }}')">
                                         {{ __('Delete') }}
                                     </button>
                                     @endcan

resources/views/components/admin/message.blade.php

@@ -1,5 +1,7 @@
 @if(session()->has('message'))
-    <div class="mb-8 text-green-400 font-bold">
-        {{ session()->get('message') }}
+    <div class="p-4 mb-4 text-sm text-green-700 bg-green-100 rounded-lg dark:bg-green-200 dark:text-green-800" role="alert">
+        <span class="font-medium">
+            {{ session()->get('message') }}
+        </span>
     </div>
 @endif

resources/views/components/admin/wrapper.blade.php

@@ -7,6 +7,7 @@
 
     <div class="py-12">
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+            <x-admin.message />
             <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                 <div class="p-6 bg-white border-b border-gray-200">
                     <div class="flex flex-col">