simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix alpha avatars

Browse source
This commit is contained in:
Lim Chee Aun 2023-11-05 20:09:57 +08:00
parent 540b9a15a4
commit 8d41ff6884
1 changed files with 25 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/components/avatar.css
View file

@ -8,24 +8,31 @@
box-shadow: 0 0 0 1px var(--bg-blur-color); box-shadow: 0 0 0 1px var(--bg-blur-color);
flex-shrink: 0; flex-shrink: 0;
vertical-align: middle; vertical-align: middle;
}
.avatar.has-alpha {
border-radius: 0;
}
.avatar:not(.has-alpha).squircle {
border-radius: 25%;
}
.avatar img { &.has-alpha {
border-radius: 0;
background-color: transparent;
box-shadow: none;
img {
background-color: transparent;
}
}
&:not(.has-alpha).squircle {
border-radius: 25%;
}
img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
background-color: var(--img-bg-color); background-color: var(--img-bg-color);
contain: none; contain: none;
} }
.avatar[data-loaded], &[data-loaded],
.avatar[data-loaded] img { &[data-loaded] img {
box-shadow: none; box-shadow: none;
background-color: transparent; background-color: transparent;
}
} }