arweave logo and youtube embed css

iggy-social · Sep 24, 2024 · 7b2330d · 7b2330d
1 parent 4727145
commit 7b2330d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/components/chat/ChatMessage.vue b/components/chat/ChatMessage.vue
@@ -27,7 +27,9 @@
           </span>
           <span v-if="message?.url">
             ·
-            <a class="link-without-color hover-color" :href="getArweaveUrl" target="_blank"><i class="bi bi-badge-ar"></i></a>
+            <a class="link-without-color hover-color" :href="getArweaveUrl" target="_blank">
+              <span style="font-size: 0.9em;">ⓐ</span>
+            </a>
           </span>
         </p>
 

diff --git a/public/css/custom.css b/public/css/custom.css
@@ -515,6 +515,11 @@ a:hover {
   .sidebar-nav {
     width: 260px;
   }
+
+  .youtube-embed {
+    max-width: 560px;
+    max-height: 340px;
+  }
 }
 
 /* Mobile only */

diff --git a/utils/textUtils.js b/utils/textUtils.js
@@ -526,7 +526,7 @@ export function youtubeParsing(text) {
     )[1]
 
     return (
-      "<iframe class='rounded' width='100%' height='315' src='https://www.youtube.com/embed/" +
+      "<iframe class='rounded youtube-embed' width='100%' height='315' src='https://www.youtube.com/embed/" +
       videoId +
       "' frameborder='0' allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; web-share' allowfullscreen></iframe>"
     )