feat: update refresh button to include loading animation for better user feedback

This commit is contained in:
2025-12-04 22:58:29 -05:00
parent 4ae992a26a
commit b8510377c2

View File

@@ -1128,7 +1128,9 @@
:disabled="loading"
class="text-base/50 hover:text-primary transition-colors bg-background/80 backdrop-blur-sm rounded-full p-2 hover:bg-background disabled:opacity-50 disabled:cursor-not-allowed"
title="Refresh data">
<x-ri-refresh-line class="size-5" :class="{ 'animate-spin': loading }" x-bind:class="loading ? 'animate-spin' : ''" />
<span :class="loading ? 'animate-spin' : ''" class="inline-block">
<x-ri-refresh-line class="size-5" />
</span>
</button>
<button @click="open = false"
class="text-base/50 hover:text-base transition-colors bg-background/80 backdrop-blur-sm rounded-full p-2 hover:bg-background">