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

Update position and behaviour of +/- buttons

Browse source
This commit is contained in:
jaknapper 2025-08-13 17:43:43 +01:00
parent 858ddf6edf
commit 213de461bb
1 changed files with 10 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

18
webapp/src/components/modalComponents/calibrationModal.vue
View file

@ -70,30 +70,30 @@
></miniStreamDisplay> ></miniStreamDisplay>
<div class="action-button-container"> <div class="action-button-container">
<action-button <action-button
ref="moveZ" class="moveZ"
thing="stage" thing="stage"
action="move_relative" action="move_relative"
:button-primary="false" :button-primary="false"
:submit-data="{ x: 0, y: 0, z: -100}" :submit-data="{ x: 0, y: 0, z: -100}"
:submit-label="'-'" :submit-label="' - '"
:hideOnRun="false"
:can-terminate="false" :can-terminate="false"
@finished=" @finished="
updatePosition(); updatePosition();
" "
class="action-button"
/> />
<action-button <action-button
ref="moveZ" class="moveZ"
thing="stage" thing="stage"
action="move_relative" action="move_relative"
:button-primary="false" :button-primary="false"
:submit-data="{ x: 0, y: 0, z: 100}" :submit-data="{ x: 0, y: 0, z: 100}"
:submit-label="'+'" :submit-label="'+'"
:can-terminate="false" :can-terminate="false"
:hideOnRun="false"
@finished=" @finished="
updatePosition(); updatePosition();
" "
class="action-button"
/> />
</div> </div>
</div> </div>
@ -334,9 +334,11 @@ export default {
gap: 8px; /* Small space between buttons */ gap: 8px; /* Small space between buttons */
margin-top: 4px; /* Gap from image */ margin-top: 4px; /* Gap from image */
} }
.action-button { >>> .moveZ .uk-button.uk-width-1-1 {
padding: 6px 12px; /* Smaller button */ line-height: 50px;
font-size: 22px !important; font-size: 50px !important;
height: 60px;
padding-bottom: 46px;
margin: 0; /* Remove default margin */ margin: 0; /* Remove default margin */
width: 120px; width: 120px;
min-width: 80px; min-width: 80px;