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"> <div class="flex self-center h-0 mt-4 items-end">
<figure class="" v-if="group.avatar"> <figure class="" v-if="group.avatar">
<img <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" :src="group.avatar.url"
alt="" alt=""
width="128" width="128"
@ -1185,6 +1186,16 @@ watch(isCurrentActorAGroupMember, () => {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@use "@/styles/_mixins" as *; @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 { div.container {
.block-container { .block-container {
display: flex; display: flex;