fix: Modrinth page overload width

Voxelum · Oct 27, 2023 · 7fbf8af · 7fbf8af
1 parent d74dff1
commit 7fbf8af
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/xmcl-keystone-ui/src/assets/common.css b/xmcl-keystone-ui/src/assets/common.css
@@ -410,7 +410,8 @@ a {
     padding: 14px;
 }
 
-.markdown-body img, .markdown-body video {
+.markdown-body img,
+.markdown-body video {
     display: inline;
 }
 
@@ -420,6 +421,15 @@ a {
     vertical-align: middle;
 }
 
+
+.markdown-body iframe,
+.markdown-body video {
+    aspect-ratio: 16/9;
+    height: auto;
+    width: 100%;
+}
+
+
 /* Curseforge */
 
 .project-description {

diff --git a/xmcl-keystone-ui/src/views/ModrinthProject.vue b/xmcl-keystone-ui/src/views/ModrinthProject.vue
@@ -76,7 +76,7 @@
     </div>
 
     <div
-      class="relative flex flex-grow flex-col gap-4"
+      class="relative flex flex-grow flex-col gap-4 overflow-auto"
     >
       <ModrinthProjectUpstream
         v-if="_upstream && _upstream.upstream && (_upstream.upstream.type === 'modrinth-modpack')"