fe - fix spotify embed overflow

slatinsky · Aug 14, 2024 · a35a14a · a35a14a
1 parent 25c110c
commit a35a14a
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/dcef/frontend/src/lib/message/MessageEmbed.svelte b/src/dcef/frontend/src/lib/message/MessageEmbed.svelte
@@ -105,7 +105,7 @@
             </div>
         {/if}
     {:else if spotifyId}
-        <iframe src={`https://open.spotify.com/embed/track/${spotifyId}`} frameborder="0" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts" style="width: 400px; height: 80px;"></iframe>
+        <iframe class="spotify-iframe" src={`https://open.spotify.com/embed/track/${spotifyId}`} frameborder="0" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts" style="width: 400px; height: 80px;"></iframe>
     {:else if embed.video && embed.title === "" && embed.description === ""}
         <MessageVideo attachment={embed.video} />
     {:else}
@@ -253,6 +253,10 @@
         }
 	}
 
+    .spotify-iframe {
+        max-width: 100%;
+    }
+
     .main-wrapper {
         padding: 2px 0;
     }