diff --git a/CHANGELOG.md b/CHANGELOG.md index e69de29..d4b2760 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -0,0 +1,2 @@ +Improved: +- Add `embedWidgetGenerator` modals to custom modal styles. (Things like the [spicetify-marketplace](https://github.com/CharlieS1103/spicetify-marketplace) options) \ No newline at end of file diff --git a/src/styles/Modals.scss b/src/styles/Modals.scss index 55842cd..57d7047 100644 --- a/src/styles/Modals.scss +++ b/src/styles/Modals.scss @@ -30,34 +30,40 @@ } } - .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; + .main- { + &trackCreditsModal, + &embedWidgetGenerator { + &-container { + display: flex; + gap: 16px; + background-color: transparent; width: 100%; - @include spiceFont("glue", 2em, "Bold"); + box-shadow: none; } - button { - position: absolute; - top: 16px; - right: 16px; - } - } + &-header { + display: flex; + gap: 16px; + padding: 0px; + width: 100%; + border: none; - .main-trackCreditsModal-mainSection { - padding: 0px 26px; + h1 { + text-align: center; + width: 100%; + @include spiceFont("glue", 2em, "Bold"); + } + + button { + position: absolute; + top: 16px; + right: 16px; + } + } + + &-mainSection { + padding: 0px 26px; + } } } }