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

Autoformat modalComponents

Browse source
This commit is contained in:
Julian Stirling 2025-10-23 00:15:08 +01:00
parent 958b28aa94
commit 7c0badb1af
13 changed files with 85 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

54
webapp/src/components/modalComponents/calibrationWizardComponents/csmSteps/focusStep.vue
View file

@ -4,29 +4,30 @@
Use the buttons below to bring the sample into focus.
</p>
<p>
You may also adjust the z position with <b>page up</b> and <b>page down</b>.
You may also adjust the z position with <b>page up</b> and
<b>page down</b>.
</p>
<template #below-stream>
<div class="action-button-container">
<action-button
class="moveZ"
thing="stage"
action="move_relative"
:button-primary="false"
:submit-data="{ x: 0, y: 0, z: -100}"
:submit-label="' - '"
:hideOnRun="false"
:can-terminate="false"
class="moveZ"
thing="stage"
action="move_relative"
:button-primary="false"
:submit-data="{ x: 0, y: 0, z: -100 }"
:submit-label="' - '"
:hideOnRun="false"
:can-terminate="false"
/>
<action-button
class="moveZ"
thing="stage"
action="move_relative"
:button-primary="false"
:submit-data="{ x: 0, y: 0, z: 100}"
:submit-label="'+'"
:can-terminate="false"
:hideOnRun="false"
class="moveZ"
thing="stage"
action="move_relative"
:button-primary="false"
:submit-data="{ x: 0, y: 0, z: 100 }"
:submit-label="'+'"
:can-terminate="false"
:hideOnRun="false"
/>
</div>
</template>
@ -34,7 +35,7 @@
</template>
<script>
import stepTemplateWithStream from "../stepTemplateWithStream.vue"
import stepTemplateWithStream from "../stepTemplateWithStream.vue";
import ActionButton from "../../../labThingsComponents/actionButton.vue";
export default {
name: "cameraMainCalibrationStep",
@ -43,24 +44,23 @@ export default {
stepTemplateWithStream,
ActionButton
}
}
};
</script>
<style scoped>
.action-button-container {
display: flex;
flex-direction: row; /* Stack vertically */
justify-content: center; /* Left align */
gap: 8px; /* Small space between buttons */
margin-top: 4px; /* Gap from image */
flex-direction: row; /* Stack vertically */
justify-content: center; /* Left align */
gap: 8px; /* Small space between buttons */
margin-top: 4px; /* Gap from image */
}
.moveZ >>> .uk-button.uk-width-1-1 {
line-height: 50px;
font-size: 50px !important;
height: 60px;
height: 60px;
padding-bottom: 46px;
margin: 0; /* Remove default margin */
margin: 0; /* Remove default margin */
width: 120px;
min-width: 80px;
}
</style>
</style>