Been a while since I exported these apps.

git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@3880 ed5197a5-7fde-0310-b194-c3ffbd925b24

apps/cory/ssb/tf-message.js

@@ -126,6 +126,9 @@ Vue.component('tf-message', {
 				<div v-html="this.markdown(content_json.text)"></div>
 				<span v-for="mention in content_json.mentions" v-if="mention.link && typeof(mention.link) == 'string' && mention.link.startsWith('&')">
 					<a v-if="mention.type == 'application/tildefriends'" :href="'/' + mention.link + '/'" target="_top">{{mention.name}}</a>
+					<audio v-else-if="mention.name && mention.name.startsWith('audio:')" controls>
+						<source :src="'/' + mention.link + '/view'"></source>
+					</audio>
 					<img v-else class="md-elevation-4" style="margin: 4px; max-width: 320px; max-height: 240px" :src="'/' + mention.link + '/view'" v-on:click="expand_image"></img>
 				</span>
 			</div>
@@ -143,7 +146,7 @@ Vue.component('tf-message', {
 	<tf-message v-for="sub_message in (message.children || [])" v-bind:message="sub_message" v-bind:messages="messages" v-bind:votes="votes" v-bind:key="sub_message.id"></tf-message>
 	<md-chip md-clickable v-for="v in Object.keys(votes[message.id] || {})" v-bind:key="v" @click="vote">
 		{{v + (votes[message.id][v].length > 1 ? ' (' + votes[message.id][v].length + ')' : '')}}
-		<md-tooltip style="height: auto">
+		<md-tooltip style="height: auto; background-color: #000; border: 1px solid #fff">
 			<tf-user v-for="vote in votes[message.id][v]" :id="vote.author" :key="vote.author"></tf-user>
 		</md-tooltip>
 	</md-chip>