moves styles inline as they're not being applied

edm00se · Jan 30, 2024 · f4d52d9 · f4d52d9
1 parent f6f4f2c
commit f4d52d9
Showing 1 changed file with 1 addition and 6 deletions.
diff --git a/static-reader/src/App.svelte b/static-reader/src/App.svelte
@@ -41,7 +41,7 @@
       console.log('matched value: ', itemHtml.match(ytRegEx));
       const ytVidId = getEmbedId(itemHtml.match(ytRegEx)[0]);
       console.log('found video id: ', ytVidId);
-      const ytEmbed = `<div class="youtube-embed">
+      const ytEmbed = `<div class="youtube-embed" style="width: 75vw; margin-left: auto; margin-right: auto;">
       <div style="width: '100%';">
           <div style="position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;">
               <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
@@ -75,11 +75,6 @@
     max-width: 100%;
     max-height: 40em;
   }
-  .youtube-embed {
-    width: 75vw;
-    margin-left: auto;
-    margin-right: auto;
-  }
 </style>
 
 <main>