Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-25 01:08:50 +01:00
Code Issues Projects Releases Packages Wiki Activity

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