button animated change component..
This commit is contained in:
@ -9,9 +9,9 @@
|
||||
<x-dropdown id="dashboard-list">
|
||||
<x-slot name="trigger" class="flex items-center" override="class">
|
||||
<span class="text-2xl xl:text-5xl text-black font-light truncate">
|
||||
<x-link.hover color="to-black-700">
|
||||
<x-button.hover color="to-black-700">
|
||||
{{ $dashboard->name }}
|
||||
</x-link.hover>
|
||||
</x-button.hover>
|
||||
</span>
|
||||
|
||||
<svg class="w-5 h-5 mt-1 text-gray-400" x-description="Heroicon name: solid/selector" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
||||
|
@ -35,7 +35,7 @@
|
||||
@foreach($category['reports'] as $report)
|
||||
<div class="flex justify-between sm:col-span-3 p-1 group">
|
||||
<div class="lg:w-80">
|
||||
<a href="{{ route('reports.show', $report->id) }}" class="flex">
|
||||
<x-link href="{{ route('reports.show', $report->id) }}" class="flex" override="class">
|
||||
<span class="material-icons-outlined text-5xl transform transition-all hover:scale-125 text-black-400">
|
||||
{{ $icons[$report->id] }}
|
||||
</span>
|
||||
@ -47,9 +47,11 @@
|
||||
</x-link.hover>
|
||||
</h2>
|
||||
|
||||
<span class="text-black-400 text-sm">{{ $report->description }}</span>
|
||||
<span class="text-black-400 text-sm">
|
||||
{{ $report->description }}
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
</x-link>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start ltr:space-x-2 rtl:space-x-reverse">
|
||||
|
Reference in New Issue
Block a user