rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSS tweaks and show warnings for scan thumbnails if preview is unavailable

Browse source
This commit is contained in:
Julian Stirling 2026-07-07 14:06:01 +01:00
parent ba11f65219
commit 1f7a8a1a4e
2 changed files with 19 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

28
webapp/src/components/tabContentComponents/galleryComponents/galleryCard.vue
View file

@ -67,19 +67,21 @@
<li>Created: {{ formatDate(itemData.created) }}</li>
<li>Duration: {{ formatDuration(itemData.duration) }}</li>
</ul>
<ul>
<li v-if="itemData.number_of_images < 2" class="warning-msg">
Not enough images to stitch
</li>
<li v-else-if="!itemData.dzi && itemData.stitch_available" class="alert-msg">
Interactive preview not available
</li>
<li v-else-if="!itemData.stitch_available" class="alert-msg">
High quality stitch not available
</li>
</ul>
</div>
</template>
<div :class="{ 'thumbnail-only-warning': thumbnailOnly }">
<ul>
<li v-if="itemData.number_of_images < 2" class="warning-msg">
Not enough images to stitch
</li>
<li v-else-if="!itemData.dzi && itemData.stitch_available" class="alert-msg">
Interactive preview not available
</li>
<li v-else-if="!itemData.stitch_available" class="alert-msg">
High quality stitch not available
</li>
</ul>
</div>
</div>
</div>
</template>
@ -231,6 +233,10 @@ ul {
width: 150px;
}
.thumbnail-only-warning {
width: 150px;
}
.thumbnail-fit {
max-height: 120px;
max-width: 240px;