starred/coolify
1
0
Fork 0
mirror of https://github.com/coollabsio/coolify.git synced 2026-08-24 02:24:11 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): add some animations to the copy button

Browse Source
This commit is contained in:
peaklabs-dev
2026-08-19 15:11:49 +02:00
parent 0e35eb2aa3
commit 595b72df6a
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/components/copy-button.blade.php
+7 -3
View File
@@ -9,8 +9,12 @@
@endphp
<button type="button" title="{{ $label }}" aria-label="{{ $label }}"
{{ $attributes->class(['icon-button shrink-0']) }} @disabled($resolve === null && blank($value))
{{ $attributes->class(['icon-button group shrink-0']) }} @disabled($resolve === null && blank($value))
x-data="copyButton" @click="copy(await ({{ $valueExpression }}))">
<x-reicon name="copy" x-show="!copied" class="size-3.5" />
<x-reicon name="check" x-cloak x-show="copied" class="size-3.5 text-success" />
<span class="inline-flex transition-transform duration-150 ease-out group-active:scale-75">
<x-reicon name="copy" x-show="!copied" class="size-3.5" />
<x-reicon name="check" x-cloak x-show="copied" class="size-3.5 text-success"
x-transition:enter="transition-transform duration-200 ease-out"
x-transition:enter-start="scale-50" x-transition:enter-end="scale-100" />
</span>
</button>