fix media width

4 years ago · 7d9535457f
parent 1dea2f76ad
commit 7d9535457f
1 changed files with 7 additions and 2 deletions
--- a/src/components/event.vue
+++ b/src/components/event.vue
@ -137,7 +137,7 @@ export default {
    .image{
      width: 100%;
      img{
-        width: 100%;
+        max-width: 100%;
        height: auto;
        max-height: 35rem;
        border-radius: 0.5rem;
@ -146,12 +146,17 @@ export default {
    .video{
      width: 100%;
      video{
-        width: 100%;
+        max-width: 100%;
        height: auto;
        max-height: 35rem;
        border-radius: 0.5rem;
      }
    }
+    .audio{
+      audio{
+        max-width: 100%;
+      }
+    }
    .italic{
      font-style: italic;
    }