diff --git a/CHANGELOG.md b/CHANGELOG.md index e8ec49e..5cdfb5d 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -12,4 +12,5 @@ Fixed: Improved: - Moved `Hide Ads` into `Main Settings` - Added hover tooltips on playlist / folder images. Useful for collapsed sidebar -- Now also shows if a new spicetify-cli update is available (Requires spicetify-cli > 2.7.2) \ No newline at end of file +- Now also shows if a new spicetify-cli update is available (Requires spicetify-cli > 2.7.2) +- Popups (like lyrics-plus settings) styles are now consistent with the Dribbblish settings styles \ No newline at end of file diff --git a/src/styles/ConfigMenu.scss b/src/styles/ConfigMenu.scss index 89953ff..6331ba2 100644 --- a/src/styles/ConfigMenu.scss +++ b/src/styles/ConfigMenu.scss @@ -48,7 +48,7 @@ gap: 8px; max-height: 60vh; overflow-y: auto; - padding: 0px 25px; + padding: 0px 26px; .dribbblish-config-area { display: flex; diff --git a/src/styles/Popup.scss b/src/styles/Popup.scss new file mode 100644 index 0000000..3ffc597 --- /dev/null +++ b/src/styles/Popup.scss @@ -0,0 +1,50 @@ +.GenericModal__overlay { + backdrop-filter: blur(3px) brightness(60%); + background-color: transparent; + + .GenericModal { + z-index: 1; + position: relative; + width: clamp(500px, 50%, 650px); + background-color: spiceColor("main", 0.95); + backdrop-filter: blur(3px); + padding: 24px 16px; + border-radius: var(--main-corner-radius); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + @include spiceShadow(); + + .main-trackCreditsModal-container { + display: flex; + gap: 16px; + background-color: transparent; + width: 100%; + + .main-trackCreditsModal-header { + display: flex; + gap: 16px; + padding: 0px; + width: 100%; + border: none; + + h1 { + text-align: center; + width: 100%; + @include spiceFont("glue", 2em, "Bold"); + } + + button { + position: absolute; + top: 16px; + right: 16px; + } + } + + .main-trackCreditsModal-mainSection { + padding: 0px 26px; + } + } + } +} diff --git a/src/styles/main.scss b/src/styles/main.scss index 3d01b9b..97bb1bf 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -13,6 +13,7 @@ @import "Markdown"; @import "Info"; @import "Loader"; +@import "Popup"; :root { --bar-height: 70px;