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

Rescaling stitch preview to avoid scrolling in y

Browse source
This commit is contained in:
Joe Knapper 2024-02-09 16:08:21 +00:00
parent a61ffbf75a
commit 6aa712e515
2 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
webapp/src/App.vue
View file

@ -429,6 +429,13 @@ html {
padding: 0; padding: 0;
} }
.image-fit{
height: 80%;
width: 100%;
object-fit: contain;
overflow-y: clip;
}
.section-content { .section-content {
padding: 0; padding: 0;
height: 100%; height: 100%;

4
webapp/src/components/tabContentComponents/slideScanContent.vue
View file

@ -108,8 +108,8 @@
Scan ID: {{ scan_name }} Scan ID: {{ scan_name }}
</h3> </h3>
</div> </div>
<div class="view-component uk-width-expand"> <div class="view-image uk-width-expand uk-height-1-1">
<img v-if="displayImageOnRight" :src="lastStitchedImage" id="last-stitched-image"/> <img v-if="displayImageOnRight" class=image-fit :src="lastStitchedImage" id="last-stitched-image">
<streamDisplay v-else /> <streamDisplay v-else />
</div> </div>
</div> </div>