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

tailwind refactoring

Browse Source
This commit is contained in:
Čarodej
2021-10-25 09:09:46 +02:00
parent 133dd5285d
commit 018b973c0f
3 changed files with 40 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/FilesView/AuthorThumbnail.vue
+5 -22
View File
@@ -1,14 +1,15 @@
<template>
<div class="user-preview">
<div class="absolute -right-1 -bottom-1">
<img
v-if="item.data.relationships.user.data.attributes.avatar"
class="user-image"
class="w-5 h-5 rounded"
style="outline: 2px solid white;"
:src="item.data.relationships.user.data.attributes.avatar"
:alt="item.data.relationships.user.data.attributes.name"
>
<TypedAvatar
v-else
:size="24"
:size="22"
:letter="item.data.relationships.user.data.attributes.name.substr(0, 1)"
:color="item.data.relationships.user.data.attributes.color"
/>
@@ -26,22 +27,4 @@
'item',
]
}
</script>
<style scoped lang="scss">
@import '/resources/sass/vuefilemanager/_variables';
@import '/resources/sass/vuefilemanager/_mixins';
.user-preview {
position: absolute;
right: -5px;
bottom: -5px;
.user-image {
width: 22px;
height: 22px;
outline: 3px solid white;
border-radius: 6px;
}
}
</style>
</script>