various small css tweaks
This commit is contained in:
parent
c505b2d9bd
commit
c1c4dd8fb4
4 changed files with 14 additions and 6 deletions
|
@ -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;
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -1085,7 +1085,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
&-macos {
|
&-macos {
|
||||||
width: 96px;
|
width: 100px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue