lasthourcloud/resources/views/components/resource-view.blade.php
2024-03-21 12:44:32 +01:00

32 lines
1.2 KiB
PHP

<div @class([
'h-20 transition-all duration-150 box-without-bg bg-coolgray-100 group border-l-2 border-transparent',
'hover:border-coollabs cursor-pointer' => !$upgrade,
'hover:border-red-500 cursor-not-allowed ' => $upgrade,
]) @if (!$upgrade) wire:click={{ $wire }} @endif>
<div class="flex items-center">
{{ $logo }}
<div class="flex flex-col pl-2 ">
<div class="text-white text-md">
{{ $title }}
</div>
@if($upgrade)
<div>{{ $upgrade }}</div>
@else
<div class="hidden text-xs font-bold text-neutral-500 group-hover:flex">
{{ $description }}
</div>
@endif
</div>
</div>
@isset($documentation)
<div class="flex-1"></div>
<div class="flex items-center px-2 " title="Read the documentation.">
<a class="p-2 rounded hover:bg-coolgray-200 hover:no-underline group-hover:text-white text-neutral-600"
onclick="event.stopPropagation()" href="{{ $documentation }}" target="_blank">
Docs
</a>
</div>
@endisset
</div>