adb/matrix-chat
adb/matrix-chat
2
3
Fork 1
Code Issues Pull Requests Releases Wiki Activity

update jdenticon

Browse Source
This commit is contained in:
adb 2021-03-18 20:49:18 +01:00
parent 035f30936e
commit c7c7d2c120
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/userThumbnail.vue
View File

@ -1,17 +1,16 @@
<template>
<img v-if="mxcURL" :src="thumbnailUrl()" class="userThumbnail image"/>
<Identicon v-else :value="fallback" :theme="'jdenticon'" :size="this.getFontSize()*this.size" class="userThumbnail identicon"/>
<div v-else v-html="getJdenticon()" class="userThumbnail identicon"/>
</template>
<script>
import parseMXC from '@modular-matrix/parse-mxc';
import {matrix} from "@/main";
import Identicon from '@vue-polkadot/vue-identicon';
import {toSvg} from 'jdenticon';
export default {
name: "userThumbnail.vue",
components: {
Identicon
},
props: {
mxcURL: String,
@ -28,6 +27,9 @@ export default {
},
getFontSize(){
return window.getComputedStyle(document.body,null).fontSize.split("px", 1)||16;
},
getJdenticon(){
return toSvg(this.fallback, this.getFontSize()*this.size);
}
},
data(){
@ -44,4 +46,8 @@ export default {
border-radius: 50%;
background-color: unset;
}
.identicon {
clip-path: circle(49% at 50% 50%);
background-color: #111;
}
</style>