button animated change component..
This commit is contained in:
@ -1,19 +1,22 @@
|
||||
<div class="flex flex-wrap lg:flex-nowrap items-center justify-between my-16">
|
||||
@foreach ($reports as $report)
|
||||
<a href="{{ route('reports.show', $report->id) }}"
|
||||
<x-link href="{{ route('reports.show', $report->id) }}"
|
||||
@class([
|
||||
'w-6/12 lg:w-2/12 text-center px-3 group',
|
||||
'border-r border-gray-300' => ($loop->count == 6 && $loop->last) ? false : true,
|
||||
])
|
||||
override="class"
|
||||
>
|
||||
<span class="material-icons-outlined text-4xl transition-all text-black-400">{{ $icons[$report->id] }}</span>
|
||||
<span class="material-icons-outlined text-4xl transition-all text-black-400">
|
||||
{{ $icons[$report->id] }}
|
||||
</span>
|
||||
|
||||
<div class="h-10 font-medium text-sm mt-2">
|
||||
<x-link.hover group-hover>
|
||||
{{ $report->name }}
|
||||
</x-link.hover>
|
||||
</div>
|
||||
</a>
|
||||
</x-link>
|
||||
@endforeach
|
||||
|
||||
@for ($i = 6; $i > $reports->count(); $i--)
|
||||
@ -24,7 +27,10 @@
|
||||
])
|
||||
>
|
||||
<span class="material-icons-outlined text-4xl transform rotate-45">push_pin</span>
|
||||
<div class="h-10 font-medium text-sm mt-2">{{ trans('reports.pin') }}</div>
|
||||
|
||||
<div class="h-10 font-medium text-sm mt-2">
|
||||
{{ trans('reports.pin') }}
|
||||
</div>
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user