fix: tw-aspect-ration cannot use apply directive

see the open issue of tailwindcss for details: tailwindlabs/tailwindcss#3360
pycontw · Jun 27, 2021 · e9f51d7 · e9f51d7
1 parent bf94a12
commit e9f51d7
Showing 1 changed file with 1 addition and 7 deletions.
diff --git a/components/core/embed/Youtube.vue b/components/core/embed/Youtube.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="video-container">
+    <div class="aspect-w-16 aspect-h-9">
         <iframe
             :src="`https://www.youtube.com/embed/${videoId}`"
             frameborder="0"
@@ -17,9 +17,3 @@ export default {
     },
 }
 </script>
-
-<style lang="postcss" scoped>
-.video-container {
-    @apply aspect-w-16 aspect-h-9;
-}
-</style>