tooltip component edited

app/View/Components/Tooltip.php

@@ -25,6 +25,8 @@ class Tooltip extends Component
 
     public $whitespace;
 
+    public $width;
+
     /**
      * Create a new component instance.
      *
@@ -36,6 +38,7 @@ class Tooltip extends Component
         string $message = '',
         string $size = '',
         string $whitespace = '',
+        string $width = 'auto',
     ) {
         $this->id = $this->getId($id);
         $this->placement = $this->getPlacement($placement);
@@ -48,6 +51,7 @@ class Tooltip extends Component
         $this->message = $this->getMessage($message);
         $this->size =  $this->getSize($size);  
         $this->whitespace =  $this->getWhiteSpace($whitespace);  
+        $this->width = $width;
     }
 
     /**

resources/views/components/layouts/modules/show/buttons.blade.php

@@ -1,7 +1,7 @@
 @props(['module', 'installed', 'enable'])
 
 @if (! empty($module->plan))
-    <x-tooltip message="{{ trans('modules.hosted_on_akaunting') }}" placement="top">
+    <x-tooltip message="{{ trans('modules.hosted_on_akaunting') }}" placement="top" width="w-full">
         <x-link
             href="{{ $module->action_url }}"
             target="_blank"
@@ -83,7 +83,7 @@
     @endif
 @else
     @if ($module->install)
-        <x-tooltip message="{{ trans('modules.hosted_on_akaunting') }}" placement="top">
+        <x-tooltip message="{{ trans('modules.hosted_on_akaunting') }}" placement="top" width="w-full">
             <x-link
                 href="{{ $module->action_url }}"
                 target="_blank"
@@ -94,7 +94,7 @@
             </x-link>
         </x-tooltip>
     @else
-        <x-tooltip message="{{ trans('modules.hosted_on_akaunting') }}" placement="top">
+        <x-tooltip message="{{ trans('modules.hosted_on_akaunting') }}" placement="top" width="w-full">
             <x-link
                 href="{{ $module->action_url }}"
                 target="_blank"

resources/views/components/tooltip.blade.php

@@ -1,4 +1,11 @@
-<span class="relative" data-tooltip-target="{{ $id }}" data-tooltip-placement="{{ $placement }}">
+<span
+    @class([
+        'relative',
+        $width,
+    ])
+    data-tooltip-target="{{ $id }}"
+    data-tooltip-placement="{{ $placement }}"
+>
     {!! $slot !!}
 </span>