mirror
/
phanpy
kopia lustrzana https://github.com/cheeaun/phanpy
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Fix alpha avatars

pull/286/head
Lim Chee Aun 2023-11-05 20:09:57 +08:00
rodzic 540b9a15a4
commit 8d41ff6884
1 zmienionych plików z 25 dodań i 18 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

43
src/components/avatar.css
Wyświetl plik

@ -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;
}
} }