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

43
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 {
width: 100%; border-radius: 0;
height: 100%; background-color: transparent;
object-fit: cover; box-shadow: none;
background-color: var(--img-bg-color);
contain: none;
}
.avatar[data-loaded], img {
.avatar[data-loaded] img { background-color: transparent;
box-shadow: none; }
background-color: transparent; }
&:not(.has-alpha).squircle {
border-radius: 25%;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
background-color: var(--img-bg-color);
contain: none;
}
&[data-loaded],
&[data-loaded] img {
box-shadow: none;
background-color: transparent;
}
} }