feat: update refresh button to include loading animation for better user feedback
This commit is contained in:
@@ -1128,7 +1128,9 @@
|
|||||||
:disabled="loading"
|
: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"
|
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">
|
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>
|
||||||
<button @click="open = false"
|
<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">
|
class="text-base/50 hover:text-base transition-colors bg-background/80 backdrop-blur-sm rounded-full p-2 hover:bg-background">
|
||||||
|
|||||||
Reference in New Issue
Block a user