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

@ -2,9 +2,9 @@
<div class="border-b border-gray-200 pb-4" x-data="{ attachment : null }">
<div class="relative w-full text-left cursor-pointer group" x-on:click="attachment !== 1 ? attachment = 1 : attachment = null">
<span class="font-medium">
<x-link.hover group-hover>
<x-button.hover group-hover>
{{ trans_choice('general.attachments', 2) }}
</x-link.hover>
</x-button.hover>
</span>
<div class="text-black-400 text-sm">
@ -17,7 +17,7 @@
<div class="overflow-hidden transition-transform origin-top-left ease-linear duration-100"
x-ref="container1"
x-bind:class="attachment == 1 ? 'h-auto ' : 'scale-y-0 h-0'"
>
@foreach ($transfer->attachment as $file)
<x-media.file :file="$file" />
@endforeach

View File

@ -3,9 +3,9 @@
<div class="border-b pb-4" x-data="{ create : null }">
<button class="relative w-full text-left group" x-on:click="create !== 1 ? create = 1 : create = null">
<span class="font-medium">
<x-link.hover group-hover>
<x-button.hover group-hover>
{{ trans('general.create') }}
</x-link.hover>
</x-button.hover>
</span>
<div class="text-black-400 text-sm">