💄 Style: update bilibili and douyin shortcode style

hugo-fixit · Jul 7, 2024 · adf2acd · adf2acd
1 parent c021a53
commit adf2acd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/assets/css/_shortcodes/_bilibili.scss b/assets/css/_shortcodes/_bilibili.scss
@@ -1,9 +1,9 @@
 .bilibili {
   position: relative;
   width: 100%;
-  height: 0;
-  padding-bottom: 75%;
-  margin: 3% auto;
+  height: auto;
+  aspect-ratio: 16 / 9;
+  margin: 1rem auto;
   text-align: center;
 
   iframe {

diff --git a/assets/css/_shortcodes/_douyin.scss b/assets/css/_shortcodes/_douyin.scss
@@ -3,7 +3,7 @@
   width: 100%;
   height: 0;
   padding-bottom: 60.725%;
-  margin: 3% auto;
+  margin: 1rem auto;
   text-align: center;
 
   iframe {