devproje/project-client
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: add pencil icon/tray setting css classes

Browse source
This commit is contained in:
MrGarlic1 2024-06-19 18:30:38 -04:00
parent d943d441ec
commit 4146fd1a34
1 changed files with 54 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
src/renderer/components/settings/traySetting.css
View file

@ -13,4 +13,57 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
} }
#vcd-tray-setting {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
}
.vcd-tray-setting-switch {
flex-grow: 1;
align-self: flex-start;
margin-right: 20rem;
}
.vcd-tray-setting-reset {
align-self: right;
position: relative;
margin-left: auto;
margin-right: 1em;
bottom: 24px;
}
.vcd-tray-icon-wrap {
position: relative;
align-self: right;
bottom: 24px;
}
.vcd-tray-icon-image {
border-radius: 50%;
position: relative;
top: 0;
right: 0;
}
.vcd-edit-button {
visibility: visible;
display: block;
opacity: 0;
position: absolute;
top: 3px;
left: 4px;
}
.vcd-tray-icon-wrap:hover .vcd-tray-icon-image {
transition: 0.3s ease;
background-color: rgb(0, 0, 0) no-repeat;
opacity: 0.25;
}
.vcd-tray-icon-wrap:hover .vcd-edit-button {
transition: 0.3s ease;
visibility: visible;
opacity: 1;
}