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

Improve copy button's style in dark mode

Browse source
This commit is contained in:
Julian Stirling 2025-11-09 13:19:59 +00:00
parent 045410b2e6
commit a267b82311
1 changed files with 14 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

19
webapp/src/components/ui/matrixDisplay.vue
View file

@ -93,7 +93,9 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped lang="less">
@import "../../assets/less/theme.less";
.matrix-container { .matrix-container {
display: inline-block; display: inline-block;
padding: 8px 12px; padding: 8px 12px;
@ -140,18 +142,25 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: #666; color: @global-muted-color;
transition: color 0.2s ease; transition: color 0.2s ease;
} }
.copy-button:hover { .copy-button:hover {
color: #000; color: @global-color;
} }
.copy-button {
transition: background-color 0.3s ease, color 0.3s ease; .hook-inverse() {
.copy-button:hover {
color: @inverse-global-color;
}
} }
.copy-button.success { .copy-button.success {
color: #4caf50; color: #4caf50;
&:hover {
color: #4caf50;
}
} }
</style> </style>