tommy/mobilizon
1
0
Fork 0
forked from potsda.mn/mobilizon
Code Pull requests Activity

Fix issue#6: compressed group's pfp.

Browse source 
Closes #6
This commit is contained in:
summersamara 2023-10-07 17:50:52 +02:00
parent 240dfb4e40
commit 7abfcf2b1c
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
js/src/views/Group/GroupView.vue
View file

@ -21,7 +21,8 @@
<div class="flex self-center h-0 mt-4 items-end">
<figure class="" v-if="group.avatar">
<img
class="rounded-full border h-32 w-32"
class="rounded-full border h-32 w-32 group-pfp"
:style="`background-image: url(${group.avatar.url})`"
:src="group.avatar.url"
alt=""
width="128"
@ -1185,6 +1186,16 @@ watch(isCurrentActorAGroupMember, () => {
</script>
<style lang="scss" scoped>
@use "@/styles/_mixins" as *;
.group-pfp {
object-fit: contain;
background-size: cover;
background-repeat: no-repeat;
background-blend-mode: darken;
background-color: rgba(0, 0, 0, 0.8);
background-position: center;
}
div.container {
.block-container {
display: flex;