diff --git a/webui/src/components/display/BlobPreview.svelte b/webui/src/components/display/BlobPreview.svelte index 01b0a0e..168bcb9 100644 --- a/webui/src/components/display/BlobPreview.svelte +++ b/webui/src/components/display/BlobPreview.svelte @@ -103,7 +103,10 @@ justify-content: center; align-items: center; flex-direction: column; - max-height: max(25em, 100%); + max-height: 100%; + + flex-grow: 1; + min-height: 0; } .image { @@ -129,19 +132,24 @@ .group { padding: 0; + flex-grow: 1; + min-height: 0; + width: 100%; + display: grid; grid-template-columns: repeat(2, 1fr); - min-height: 0; + grid-template-rows: repeat(2, 1fr); + margin: 2px; border: 1px solid var(--foreground); border-radius: 4px; li { - list-style: none; - min-height: 0; display: flex; flex-direction: column; - justify-content: flex-end; + justify-content: end; + list-style: none; + min-height: 0; } } diff --git a/webui/src/components/widgets/Gallery.svelte b/webui/src/components/widgets/Gallery.svelte index 9467db6..8167b4f 100644 --- a/webui/src/components/widgets/Gallery.svelte +++ b/webui/src/components/widgets/Gallery.svelte @@ -96,7 +96,7 @@ {#each sortedEntities as entity (entity)} {#if thumbnails}
- +