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

Update the reload property button next to property controls

Browse source
This commit is contained in:
Julian Stirling 2025-08-28 11:12:19 +01:00
parent 823456dbc2
commit 80ee303ac9
3 changed files with 49 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

35
webapp/src/components/labThingsComponents/syncPropertyButton.vue Normal file
View file

@ -0,0 +1,35 @@
<template>
<a class="sync-button">
<span class="material-symbols-outlined sync-icon" title="Reload from microscope">
sync
</span>
</a>
</template>
<script>
export default {
name: "syncPropertyButton"
};
</script>
<style scoped>
.sync-button {
flex-grow: 0;
padding-left: 5px;
padding-right: 5px;
vertical-align: middle;
cursor: pointer;
}
.material-symbols-outlined.sync-icon{
color: #888;
transition: transform 0.3s ease, color 0.3s ease;
}
.material-symbols-outlined.sync-icon:hover{
transform: rotate(-90deg);
color: #c5247f;
}
</style>