JohnCosta27/Haystack
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix: styling

Browse Source
This commit is contained in:
John Costa
2025-07-02 14:28:14 +01:00
parent be302b77d4
commit a65ef5f548
1 changed files with 25 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
frontend/src/notifications/ProcessingImages.tsx
View File

@ -74,29 +74,32 @@ export const ProcessingImages: Component = () => {
<LoadingCircle status="complete" />
</Show>
</Popover.Trigger>
<Popover.Content class="shadow-2xl flex flex-col gap-2 bg-slate-800 rounded-xl">
<For each={Object.entries(notifications.state.ProcessingImages)}>
{([id, _image]) => (
<Show when={_image}>
{(image) => (
<div class="flex gap-2 w-full justify-center">
<img
class="w-16 h-16 aspect-square"
alt="processing"
src={`${base}/image/${id}`}
/>
<div class="flex flex-col gap-1">
<p class="text-slate-100">{image().ImageName}</p>
<Popover.Portal>
<Popover.Content class="shadow-2xl flex flex-col gap-2 bg-slate-800 rounded-xl p-2">
<For each={Object.entries(notifications.state.ProcessingImages)}>
{([id, _image]) => (
<Show when={_image}>
{(image) => (
<div class="flex gap-2 w-full justify-center">
<img
class="w-16 h-16 aspect-square rounded"
alt="processing"
src={`${base}/image/${id}`}
/>
<div class="flex flex-col gap-1">
<p class="text-slate-100">{image().ImageName}</p>
</div>
<LoadingCircle
status="loading"
class="ml-auto self-center"
/>
</div>
<div class="ml-auto px-4 py-2 flex place-items-center">
<LoadingCircle status="loading" class="ml-auto" />
</div>
</div>
)}
</Show>
)}
</For>
</Popover.Content>
)}
</Show>
)}
</For>
</Popover.Content>
</Popover.Portal>
</Popover>
);
};