various small css tweaks

This commit is contained in:
booploops 2022-04-26 16:07:10 -07:00
parent c505b2d9bd
commit c1c4dd8fb4
4 changed files with 14 additions and 6 deletions

View file

@ -1912,6 +1912,7 @@ input[type=checkbox][switch]:checked:active::before {
// background: #eee; // background: #eee;
background : transparent; background : transparent;
color : #333; color : #333;
font-weight: 600;
&:after { &:after {
opacity: 1; opacity: 1;

View file

@ -311,7 +311,8 @@
.menu-panel-body { .menu-panel-body {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
background: #262626; background: rgb(30 30 30 / 45%);
backdrop-filter : blur(32px) saturate(180%);
position: relative; position: relative;
min-width: 200px; min-width: 200px;
box-shadow: var(--ciderShadow-Generic); box-shadow: var(--ciderShadow-Generic);
@ -322,13 +323,15 @@
.menu-option { .menu-option {
text-align: left; text-align: left;
display: flex; display: flex;
width: 100%; width: calc(100% - 4px);
padding: 9px 16px; padding: 8px 10px;
appearance: none; appearance: none;
border: 0px; border: 0px;
font: inherit; font: inherit;
background: transparent; background: transparent;
color: inherit; color: inherit;
margin: 0 auto;
border-radius: 5px;
&:hover { &:hover {
background: var(--selected); background: var(--selected);
@ -367,6 +370,10 @@
.menu-body { .menu-body {
overflow: overlay; overflow: overlay;
height: 100%; height: 100%;
display: flex;
flex-flow: column;
gap: 4px;
padding: 6px 4px;
} }
.menu-footer { .menu-footer {

View file

@ -909,7 +909,7 @@
.header-content { .header-content {
z-index : 1; z-index : 1;
margin-top: -16px; // margin-top: -16px;
} }
@ -1052,7 +1052,7 @@
.artist-body { .artist-body {
padding: 0px var(--contentInnerPadding) 0px var(--contentInnerPadding); padding: 0px var(--contentInnerPadding) 0px var(--contentInnerPadding);
margin : -140px 20px; margin : -64px 20px;
.arow { .arow {
display : flex; display : flex;

View file

@ -1085,7 +1085,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
display: flex; display: flex;
&-macos { &-macos {
width: 96px; width: 100px;
} }
} }