Remove list footer divider and reverse sync spinner
Remove the bottom divider from the lists/drawer footer and adjust the sync icon animation to spin in the correct (reverse) direction when syncing. - Remove the border-t divider classes from the drawer footer to eliminate the visual divider at the bottom of the lists panel. - Replace the Tailwind animate-spin class with an inline CSS animation that runs in reverse when app.syncing is true so the sync icon spins the expected direction.
This commit is contained in:
parent
2f90805594
commit
7e5b3ea7b0
|
|
@ -327,7 +327,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Drawer footer: sync status -->
|
<!-- Drawer footer: sync status -->
|
||||||
<div class="shrink-0 border-t border-border-light px-4 py-2.5 dark:border-border-dark">
|
<div class="shrink-0 px-4 py-2.5">
|
||||||
{#if app.isWebdav}
|
{#if app.isWebdav}
|
||||||
<div class="flex items-center gap-2">
|
<div class="flex items-center gap-2">
|
||||||
<!-- Status dot -->
|
<!-- Status dot -->
|
||||||
|
|
@ -344,7 +344,7 @@
|
||||||
class="rounded-lg p-1.5 hover:bg-black/5 disabled:opacity-30 dark:hover:bg-white/10"
|
class="rounded-lg p-1.5 hover:bg-black/5 disabled:opacity-30 dark:hover:bg-white/10"
|
||||||
title="Sync now"
|
title="Sync now"
|
||||||
>
|
>
|
||||||
<svg class="h-4 w-4 {app.syncing ? 'animate-spin' : ''}" viewBox="0 0 20 20" fill="currentColor">
|
<svg class="h-4 w-4" style={app.syncing ? 'animation: spin 1s linear infinite reverse' : ''} viewBox="0 0 20 20" fill="currentColor">
|
||||||
<path fill-rule="evenodd" d="M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z" clip-rule="evenodd" />
|
<path fill-rule="evenodd" d="M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z" clip-rule="evenodd" />
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue