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 { .thumbnail-fit {
max-height: 120px; max-height: 120px;
max-width: 240px;
object-fit: contain; object-fit: contain;
overflow-y: hidden; overflow-y: hidden;
} }

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

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

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

@ -64,7 +64,7 @@
/> />
</div> </div>
</div> </div>
<h3 class="uk-card-title">{{ item.name }}</h3> <h3 class="uk-card-title" style="text-align: center;">{{ item.name }}</h3>
<action-button <action-button
thing="smart_scan" thing="smart_scan"
action="download_zip" action="download_zip"
@ -94,9 +94,10 @@
/> />
<ul> <ul>
<li>{{ item.number_of_images }} images</li> <li>{{ item.number_of_images }} images</li>
<li>created {{ formatDate(item.created) }}</li> <li>created: {{ formatDate(item.created) }}</li>
<li>modified {{ formatDate(item.modified) }}</li> <li>modified: {{ formatDate(item.modified) }}</li>
<li>scan stitched {{ item.stitch_available }}</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> </ul>
</div> </div>
</div> </div>
@ -276,7 +277,7 @@ export default {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, 320px); grid-template-columns: repeat(auto-fill, 320px);
justify-content: center; justify-content: center;
overflow-y: auto; overflow-y: hidden;
} }
.gallery-grid > div { .gallery-grid > div {
@ -290,4 +291,10 @@ export default {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
}*/ }*/
ul {
display: inline-block;
text-align: center;
list-style-type:none;
}
</style> </style>