button animated change component..

This commit is contained in:
Cüneyt Şentürk
2022-07-04 12:52:24 +03:00
parent 47610fa373
commit ded7bfdce6
31 changed files with 135 additions and 84 deletions

View File

@ -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>