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

Alert and warning message as CSS classes

Browse source
This commit is contained in:
jaknapper 2025-05-21 16:04:36 +01:00 • committed by Julian Stirling
parent e52dedf0fe
commit 943564d206
1 changed files with 15 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

18
webapp/src/components/tabContentComponents/scanListContent.vue
View file

@ -126,9 +126,9 @@
<li>created: {{ formatDate(item.created) }}</li>
<li>modified: {{ formatDate(item.modified) }}</li>
</ul>
<li v-if="item.number_of_images<3" style="color:red; text-align: center; font-weight: bold;">Not enough images to stitch</li>
<li v-else-if="!item.dzi & item.stitch_available" style="color:orange; text-align: center; font-weight: bold;">Interactive preview not available</li>
<li v-else-if=!item.stitch_available style="color:orange; text-align: center; font-weight: bold;">High quality stitch not available</li>
<li v-if="item.number_of_images<3" class="warning-msg">Not enough images to stitch</li>
<li v-else-if="!item.dzi & item.stitch_available" class="alert-msg">Interactive preview not available</li>
<li v-else-if=!item.stitch_available class="alert-msg">High quality stitch not available</li>
</div>
</div>
</div>
@ -369,4 +369,16 @@ ul {
list-style-type:none;
margin: 5px 0px 10px 0px;
}
.warning-msg {
color: red;
text-align: center;
font-weight: bold;
}
.alert-msg{
color: orange;
text-align: center;
font-weight: bold;
}
</style>