component refactorein

resources/views/components/empty-page.blade.php

@@ -2,9 +2,9 @@
     <div class="w-full lg:w-1/2">
         <div class="border-b px-2 pb-3">
             <h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5">
-                <x-page-title>
+                <x-title>
                     {!! $title !!}
-                </x-page-title>
+                </x-title>
             </h1>
 
             <p class="mt-6 text-sm">

resources/views/components/layouts/admin/header.blade.php

@@ -5,9 +5,9 @@
         <div class="w-full sm:w-6/12 items-center mb-3 sm:mb-0">
             <div class="flex items-center">
                 <h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5">
-                    <x-page-title>
+                    <x-title>
                         {!! $title !!}
-                    </x-page-title>
+                    </x-title>
 
                     @yield('dashboard_action')
                 </h1>

resources/views/components/layouts/signed/header.blade.php

@@ -5,9 +5,9 @@
         <div class="w-full sm:w-6/12 items-center mb-3 sm:mb-0">
             <div class="flex items-center">
                 <h1 class="flex items-center text-2xl xl:text-5xl text-black font-light -ml-0.5">
-                    <x-page-title>
+                    <x-title>
                         {!! $title !!}
-                    </x-page-title>
+                    </x-title>
 
                     @yield('dashboard_action')
                 </h1>

resources/views/components/title.blade.php

@@ -1,6 +1,6 @@
 @if (strlen($slot) >= 25 )
     <x-tooltip id="page-title" placement="bottom" message="{!! $slot !!}">
-        <div class="w-96 truncate">
+        <div class="truncate" style="width: 22rem;">
             {!! $slot !!}
         </div>
     </x-tooltip>