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>
|
||||||
|
|
||||||
<div class="flex items-center gap-2">
|
<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}
|
{#if imagesStore.completeCount > 0}
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
@@ -533,6 +515,24 @@
|
|||||||
Download All ({imagesStore.completeCount})
|
Download All ({imagesStore.completeCount})
|
||||||
</button>
|
</button>
|
||||||
{/if}
|
{/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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user