fix audio player not shown

slatinsky · Nov 5, 2023 · 2bd5870 · 2bd5870
1 parent de9f96e
commit 2bd5870
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/frontend/src/components/messages/MessageAttachments.svelte b/frontend/src/components/messages/MessageAttachments.svelte
@@ -66,9 +66,16 @@
 			</a>
 		</div>
 		{#if attachment.type == 'audio'}
-		<audio class="chatlog__attachment-media" controls preload="metadata">
-			<source src="{checkUrl(attachment)}" alt="{attachment?.filenameWithoutHash ?? 'Audio attachment'}" title="Audio: {attachment.filenameWithoutHash} ({Math.round(attachment.sizeBytes / 1024)} KB)">
-		</audio>
+			<audio class="" controls preload="metadata">
+				<source src="{checkUrl(attachment)}" alt="{attachment?.filenameWithoutHash ?? 'Audio attachment'}" title="Audio: {attachment.filenameWithoutHash} ({Math.round(attachment.sizeBytes / 1024)} KB)">
+			</audio>
 		{/if}
 	{/if}
-{/each}
+{/each}
+
+<style>
+	audio {
+		max-width: 80%;
+		width: 700px;
+	}
+</style>
diff --git a/frontend/src/components/messages/NewMessage.svelte b/frontend/src/components/messages/NewMessage.svelte
@@ -551,11 +551,6 @@
 	}
 
 
-	audio {
-		max-width: 80%;
-		width: 700px;
-	}
-
 	.msg-root .msg-jump {
 		visibility: hidden;
 		position: absolute;