nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-19 00:22:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

author thumbnail in file

Browse Source
This commit is contained in:
Čarodej
2021-10-22 17:48:42 +02:00
parent 841c1db54a
commit c9631a9727
6 changed files with 183 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
resources/js/components/Others/TypedAvatar.vue
View File

@@ -1,6 +1,8 @@
<template>
<div class="typed-avatar" :style="{width: size + 'px', height: size + 'px', background: color ? color : '#f4f5f6'}">
<span class="letter">{{ letter }}</span>
<div class="typed-avatar" :style="{width: size + 'px', height: size + 'px', background: color ? color : '#f4f5f6', borderRadius: borderRadius + 'px'}">
<span class="letter" :style="{fontSize: fontSize + 'px'}">
{{ letter }}
</span>
</div>
</template>
@@ -11,7 +13,15 @@ export default {
'letter',
'color',
'size',
]
],
computed: {
borderRadius() {
return this.size >= 26 ? 10 : 6
},
fontSize() {
return this.size >= 26 ? 14 : 12
},
}
}
</script>
@@ -23,7 +33,6 @@ export default {
user-select: none;
display: flex;
background: #9ad2bf;
border-radius: 10px;
align-items: center;
justify-content: center;
border: 2px solid white;