applied hover component relating other pages

resources/views/components/documents/show/get-paid.blade.php

@@ -35,9 +35,7 @@
                     override="class"
                     class="py-1.5 mb-3 sm:mb-0 text-xs bg-transparent hover:bg-transparent font-medium leading-6"
                 >
-                    <span class="border-b border-transparent transition-all hover:border-black">
-                        {{ trans('documents.accept_payment_online') }}
-                    </span>
+                    <x-text.hover text="{{ trans('documents.accept_payment_online') }}" color="to-black" />
                 </x-link>
             @endif
         </div>

resources/views/components/index/bulkaction/index.blade.php

@@ -56,8 +56,8 @@
         </div>
         
         <div class="ltr:mr-4 rtl:ml-4" v-if="bulk_action.count">
-            <button type="button" class="text-sm border-b border-transparent transition-all hover:border-black" @click="onClearBulkAction">
-                <span>{{ trans('general.clear') }}</span>
+            <button type="button" @click="onClearBulkAction">
+                <x-text.hover text="{{ trans('general.clear') }}" color="to-black" />
             </button>
         </div>
     </div>

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

@@ -113,9 +113,7 @@
 
                 <div class="flex ltr:ml-2 rtl:mr-2">
                     <span class="w-28 text-left block text-base truncate">
-                        <span class="border-b border-transparent transition-all hover:border-black">
-                            {{ Str::limit(setting('company.name'), 22) }}
-                        </span>
+                        <x-text.hover text="{{ Str::limit(setting('company.name'), 22) }}" color="to-black" />
                     </span>
 
                     @can('read-common-companies')

resources/views/components/layouts/modules/bar.blade.php

@@ -14,9 +14,7 @@
                     <div class="grid grid-cols-2 gap-2">
                         @foreach ($categories as $slug => $category)
                             <x-link href="{{ $categoryUrl($slug) }}" class="font-semibold text-sm ltr:pr-4 rtl:pl-4 lg:pr-0 truncate bg-transparent" override="class">
-                                <span class="border-b border-transparent transition-all hover:border-black">
-                                    {{ $category }}
-                                </span>
+                                <x-text.hover text="{{ $category }}" color="to-black" />
                             </x-link>
                         @endforeach
                     </div>
@@ -80,27 +78,19 @@
 
         <div class="flex flex-row items-end lg:items-center mb-1 divide-x divide-black-400">
             <x-link href="{{ route('apps.home.index') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
-                <span class="border-b border-transparent transition-all hover:border-black-400">
-                    {{ trans('modules.home') }}
-                </span>
+                <x-text.hover text="{{ trans('modules.home') }}" color="to-black-400" />
             </x-link>
 
             <x-link href="{{ route('apps.new') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
-                <span class="border-b border-transparent transition-all hover:border-black-400">
-                    {{ trans('modules.new') }}
-                </span>
+                <x-text.hover text="{{ trans('modules.new') }}" color="to-black-400" />
             </x-link>
 
             <x-link href="{{ route('apps.paid') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
-                <span class="border-b border-transparent transition-all hover:border-black-400">
-                    {{ trans('modules.top_paid') }}
-                </span>
+                <x-text.hover text="{{ trans('modules.top_paid') }}" color="to-black-400" />
             </x-link>
 
             <x-link href="{{ route('apps.free') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
-                <span class="border-b border-transparent transition-all hover:border-black-400">
-                    {{ trans('modules.top_free') }}
-                </span>
+                <x-text.hover text="{{ trans('modules.top_free') }}" color="to-black-400" />
             </x-link>
         </div>
     </div>

resources/views/components/layouts/portal/menu.blade.php

@@ -84,9 +84,7 @@
 
                 <div class="flex ltr:ml-2 rtl:mr-2">
                     <span class="w-28 text-left block text-base truncate">
-                        <span class="border-b border-transparent transition-all hover:border-black">
-                            {{ Str::limit(setting('company.name'), 22) }}
-                        </span>
+                        <x-text.hover text="{{ Str::limit(setting('company.name'), 22) }}" color="to-black" />
                     </span>
 
                     @can('read-common-companies')

resources/views/components/modules/items.blade.php

@@ -11,9 +11,7 @@
         @if ($attributes->has('route'))
             <div class="flex justify-center items-center group">
                 <a href="{{ route($attributes->get('route')) }}">
-                    <span class="border-b border-transparent transition-all group-hover:border-black">
-                        {{ trans('modules.see_all_type', ['type' => $attributes->get('title')]) }}
-                    </span>
+                    <x-text.hover text="{{ trans('modules.see_all_type', ['type' => $attributes->get('title')]) }}" color="to-black" />
                 </a>
 
                 <i class="material-icons text-sm ltr:ml-1 rtl:mr-1 transform transition-all group-hover:translate-x-1">arrow_forward</i>

resources/views/components/show/accordion/head.blade.php

@@ -1,8 +1,6 @@
 <div>
     <h2 class="lg:text-lg font-medium text-black">
-        <span class="border-b border-transparent transition-all group-hover:border-black">
-            {{ $title }}
-        </span>
+        <x-text.hover text="{{ $title }}" color="to-black" />   
     </h2>
 
     @if (! empty($description))

resources/views/components/show/no-records.blade.php

@@ -22,8 +22,8 @@
         @if (! empty($button) && $button->isNotEmpty())
             {!! $button !!}
         @else
-            <a href="{!! $url !!}" class="border-b border-transparent transition-all hover:border-white">
-                {{ $textAction }}
+            <a href="{!! $url !!}">
+                <x-text.hover text="{{ $textAction }}" color="to-white" />  
             </a>
         @endif
     </div>

resources/views/components/tips/fixed.blade.php

@@ -14,8 +14,8 @@
                 {!! $item->description !!}
             </p>
 
-            <a href="{{ $item->action }}" class="font-light text-sm border-b border-transparent transition-all hover:border-black" target="_blank">
-                {{ $item->learn_more }}
+            <a href="{{ $item->action }}" class="font-light text-sm" target="_blank">
+                <x-text.hover text="{{ $item->learn_more }}" color="to-black" />    
             </a>
         </div>
 

resources/views/components/tips/relative.blade.php

@@ -14,8 +14,8 @@
                 {!! $item->description !!}
             </p>
 
-            <a href="{{ $item->action }}" class="font-light text-sm border-b border-transparent transition-all hover:border-black">
-                {{ $item->learn_more }}
+            <a href="{{ $item->action }}" class="font-light text-sm">
+                <x-text.hover text="{{ $item->learn_more }}" color="to-black" />
             </a>
         </div>
 

resources/views/components/transactions/show/attachment.blade.php

@@ -5,8 +5,8 @@
         <div class="relative w-full text-left cursor-pointer group"
             x-on:click="attachment !== 1 ? attachment = 1 : attachment = null"
         >
-            <span class="font-medium border-b border-transparent transition-all group-hover:border-black">
-                {{ trans_choice('general.attachments', 2) }}
+            <span class="font-medium">
+                <x-text.hover text="{{ trans_choice('general.attachments', 2) }}" color="to-black" />
             </span>
 
             <div class="text-black-400 text-sm">

resources/views/components/transactions/show/children.blade.php

@@ -2,8 +2,8 @@
     <button class="relative w-full text-left cursor-pointer group"
         x-on:click="children !== 1 ? children = 1 : children = null"
     >
-        <span class="font-medium border-b border-transparent transition-all group-hover:border-black">
-            {{ trans_choice('general.transactions', 2) }}
+        <span class="font-medium">
+            <x-text.hover text="{{ trans_choice('general.transactions', 2) }}" color="to-black" />
         </span>
 
         <div class="text-black-400 text-sm">

resources/views/components/transactions/show/create.blade.php

@@ -4,8 +4,8 @@
     <button class="relative w-full text-left group"
         x-on:click="create !== 1 ? create = 1 : create = null"
     >
-        <span class="font-medium border-b border-transparent transition-all group-hover:border-black">
-            {{ trans('general.create') }}
+        <span class="font-medium">
+            <x-text.hover text="{{ trans('general.create') }}" color="to-black" />
         </span>
 
         <div class="text-black-400 text-sm">

resources/views/components/transactions/show/schedule.blade.php

@@ -7,8 +7,8 @@
     <button class="relative w-full text-left cursor-pointer group"
         x-on:click="schedule !== 1 ? schedule = 1 : schedule = null"
     >
-        <span class="font-medium border-b border-transparent transition-all group-hover:border-black">
-            {{ trans_choice('general.schedules', 1) }}
+        <span class="font-medium">
+            <x-text.hover text="{{ trans_choice('general.schedules', 1) }}" color="to-black" />
         </span>
 
         <div class="text-black-400 text-sm">

resources/views/components/transfers/show/attachment.blade.php

@@ -1,8 +1,8 @@
 @if ($transfer->attachment)
     <div class="border-b border-gray-200 pb-4" x-data="{ attachment : null }">
         <div class="relative w-full text-left cursor-pointer group" x-on:click="attachment !== 1 ? attachment = 1 : attachment = null">
-            <span class="font-medium border-b border-transparent transition-all group-hover:border-black">
-                {{ trans_choice('general.attachments', 2) }}
+            <span class="font-medium">
+                <x-text.hover text="{{ trans_choice('general.attachments', 2) }}" color="to-black" />
             </span>
 
             <div class="text-black-400 text-sm">

resources/views/components/transfers/show/create.blade.php

@@ -2,8 +2,8 @@
 
 <div class="border-b pb-4" x-data="{ create : null }">
     <button class="relative w-full text-left group" x-on:click="create !== 1 ? create = 1 : create = null">
-        <span class="font-medium border-b border-transparent transition-all group-hover:border-black">
-            {{ trans('general.create') }}
+        <span class="font-medium">
+            <x-text.hover text="{{ trans('general.create') }}" color="to-black" />
         </span>
 
         <div class="text-black-400 text-sm">