Move Clear All to right of Download All
Some checks failed
Generate a build and push to Cloudflare Pages / Build and Deploy to Cloudflare Pages (push) Failing after 1m5s
Some checks failed
Generate a build and push to Cloudflare Pages / Build and Deploy to Cloudflare Pages (push) Failing after 1m5s
Prevents layout shift when Download All appears/disappears. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -496,24 +496,6 @@
|
||||
</div>
|
||||
|
||||
<div class="flex items-center gap-2">
|
||||
<button
|
||||
type="button"
|
||||
class="
|
||||
flex items-center gap-1.5
|
||||
px-4 py-2
|
||||
text-error
|
||||
border border-error
|
||||
rounded-md
|
||||
text-sm font-medium
|
||||
hover:bg-error hover:text-white
|
||||
transition-colors duration-150
|
||||
"
|
||||
onclick={handleClearAll}
|
||||
>
|
||||
<Trash2 class="w-4 h-4" />
|
||||
Clear All
|
||||
</button>
|
||||
|
||||
{#if imagesStore.completeCount > 0}
|
||||
<button
|
||||
type="button"
|
||||
@@ -533,6 +515,24 @@
|
||||
Download All ({imagesStore.completeCount})
|
||||
</button>
|
||||
{/if}
|
||||
|
||||
<button
|
||||
type="button"
|
||||
class="
|
||||
flex items-center gap-1.5
|
||||
px-4 py-2
|
||||
text-error
|
||||
border border-error
|
||||
rounded-md
|
||||
text-sm font-medium
|
||||
hover:bg-error hover:text-white
|
||||
transition-colors duration-150
|
||||
"
|
||||
onclick={handleClearAll}
|
||||
>
|
||||
<Trash2 class="w-4 h-4" />
|
||||
Clear All
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user