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

Layout improvements and stitch info in scan tab

Browse source
This commit is contained in:
jaknapper 2025-05-13 17:08:43 +01:00
parent 3eea4bbaf6
commit a5d85a7d9e
3 changed files with 15 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

1
webapp/src/App.vue
View file

@ -438,6 +438,7 @@ html {
.thumbnail-fit {
max-height: 120px;
max-width: 240px;
object-fit: contain;
overflow-y: hidden;
}

3
webapp/src/assets/less/theme.less
View file

@ -207,7 +207,8 @@ h4, .uk-h4 {
}
.uk-card-body {
padding: 20px 16px 8px 16px;;
padding: 20px 16px 8px 16px;
width: 260px;
}
.uk-card-media-top img {

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

@ -64,7 +64,7 @@
/>
</div>
</div>
<h3 class="uk-card-title">{{ item.name }}</h3>
<h3 class="uk-card-title" style="text-align: center;">{{ item.name }}</h3>
<action-button
thing="smart_scan"
action="download_zip"
@ -94,9 +94,10 @@
/>
<ul>
<li>{{ item.number_of_images }} images</li>
<li>created {{ formatDate(item.created) }}</li>
<li>modified {{ formatDate(item.modified) }}</li>
<li>scan stitched {{ item.stitch_available }}</li>
<li>created: {{ formatDate(item.created) }}</li>
<li>modified: {{ formatDate(item.modified) }}</li>
<li v-if="item.number_of_images<3" style="color:red; font-weight: bold;">Not enough images<br />to stitch</li>
<li v-else-if=!item.stitch_available style="color:red; font-weight: bold;">Scan not stitched</li>
</ul>
</div>
</div>
@ -276,7 +277,7 @@ export default {
display: grid;
grid-template-columns: repeat(auto-fill, 320px);
justify-content: center;
overflow-y: auto;
overflow-y: hidden;
}
.gallery-grid > div {
@ -290,4 +291,10 @@ export default {
margin-left: auto;
margin-right: auto;
}*/
ul {
display: inline-block;
text-align: center;
list-style-type:none;
}
</style>