coracle/flotilla
1
3
Fork 9
Code Issues 31 Pull Requests 1 Actions Packages Projects 5 Releases Wiki Activity

Fix thunks status layout

Browse Source
This commit is contained in:
Jon Staab
2025-05-13 10:35:42 -07:00
parent 18fc895fcb
commit 60ec6924f3
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/ThunkStatus.svelte
+6 -4
View File
@@ -61,9 +61,11 @@
{@const url = failedUrls[0]} {@const url = failedUrls[0]}
{@const status = $thunk.status[url]} {@const status = $thunk.status[url]}
{@const message = $thunk.details[url]} {@const message = $thunk.details[url]}
<button class="flex justify-end px-1 text-xs {restProps.class}" onclick={stopPropagation(noop)}> <button
class="flex w-full justify-end px-1 text-xs {restProps.class}"
onclick={stopPropagation(noop)}>
<Tippy <Tippy
class="flex items-center {restProps.class}" class="flex items-center"
component={ThunkStatusDetail} component={ThunkStatusDetail}
props={{url, message, status, retry}} props={{url, message, status, retry}}
params={{interactive: true}}> params={{interactive: true}}>
@@ -76,8 +78,8 @@
</Tippy> </Tippy>
</button> </button>
{:else if showPending} {:else if showPending}
<div class="flex justify-end px-1 text-xs {restProps.class}"> <div class="flex w-full justify-end px-1 text-xs {restProps.class}">
<span class="flex items-center gap-1 {restProps.class}"> <span class="flex items-center gap-1">
<span class="loading loading-spinner mx-1 h-3 w-3 translate-y-px"></span> <span class="loading loading-spinner mx-1 h-3 w-3 translate-y-px"></span>
<span class="opacity-50">Sending...</span> <span class="opacity-50">Sending...</span>
<button <button