diff --git a/src/renderer/less/elements.less b/src/renderer/less/elements.less index 2ce34e73..383bfd10 100644 --- a/src/renderer/less/elements.less +++ b/src/renderer/less/elements.less @@ -1912,6 +1912,7 @@ input[type=checkbox][switch]:checked:active::before { // background: #eee; background : transparent; color : #333; + font-weight: 600; &:after { opacity: 1; diff --git a/src/renderer/less/helpers.less b/src/renderer/less/helpers.less index acc2e2c6..f9f6026d 100644 --- a/src/renderer/less/helpers.less +++ b/src/renderer/less/helpers.less @@ -311,7 +311,8 @@ .menu-panel-body { display: flex; flex-flow: column; - background: #262626; + background: rgb(30 30 30 / 45%); + backdrop-filter : blur(32px) saturate(180%); position: relative; min-width: 200px; box-shadow: var(--ciderShadow-Generic); @@ -322,13 +323,15 @@ .menu-option { text-align: left; display: flex; - width: 100%; - padding: 9px 16px; + width: calc(100% - 4px); + padding: 8px 10px; appearance: none; border: 0px; font: inherit; background: transparent; color: inherit; + margin: 0 auto; + border-radius: 5px; &:hover { background: var(--selected); @@ -367,6 +370,10 @@ .menu-body { overflow: overlay; height: 100%; + display: flex; + flex-flow: column; + gap: 4px; + padding: 6px 4px; } .menu-footer { diff --git a/src/renderer/less/pages.less b/src/renderer/less/pages.less index 66c68f19..2ac0bedf 100644 --- a/src/renderer/less/pages.less +++ b/src/renderer/less/pages.less @@ -909,7 +909,7 @@ .header-content { z-index : 1; - margin-top: -16px; + // margin-top: -16px; } @@ -1052,7 +1052,7 @@ .artist-body { padding: 0px var(--contentInnerPadding) 0px var(--contentInnerPadding); - margin : -140px 20px; + margin : -64px 20px; .arow { display : flex; diff --git a/src/renderer/style.less b/src/renderer/style.less index e5d7d66f..fb9caad8 100644 --- a/src/renderer/style.less +++ b/src/renderer/style.less @@ -1085,7 +1085,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track { display: flex; &-macos { - width: 96px; + width: 100px; } }