Garmelon/showbits
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make disabled buttons a bit transparent

Browse source
This commit is contained in:
Joscha 2025-04-09 18:28:54 +02:00
parent 9d07b9c92d
commit b390ba3d0b
1 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
showbits-thermal-printer-ui/src/AppPhoto.vue
View file

@ -152,10 +152,12 @@ onMounted(() => {
<style> <style>
:root { :root {
--drawer-bg: #fffa;
--button-fg: #000; --button-fg: #000;
--button-active-fg: #fff; --button-active-fg: #fff;
--button-active-bg: #000; --button-active-bg: #000;
--button-disabled-fg: #888; --button-disabled-fg: #888a;
--record-button-fg: #f00; --record-button-fg: #f00;
--record-button-active-fg: #800; --record-button-active-fg: #800;
@ -196,7 +198,7 @@ video.mirrored {
.originals p, .originals p,
.buttons div { .buttons div {
border-radius: 100px; border-radius: 100px;
background-color: #fffa; background-color: var(--drawer-bg);
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
} }