From 604ddfbf972385f9dc9f1862ea83b8cf55779cf0 Mon Sep 17 00:00:00 2001
From: Send_Nukez <erikjulius2701@yahoo.de>
Date: Wed, 15 Dec 2021 10:03:17 +0100
Subject: [PATCH] add `embedWidgetGenerator` modals to custom modal styles

---
 CHANGELOG.md           |  2 ++
 src/styles/Modals.scss | 54 +++++++++++++++++++++++-------------------
 2 files changed, 32 insertions(+), 24 deletions(-)

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;
+                }
             }
         }
     }