this repo has no description
Fix alpha avatars
+25
-18
+25
-18
src/components/avatar.css
+25
-18
src/components/avatar.css
···
8
8
box-shadow: 0 0 0 1px var(--bg-blur-color);
9
9
flex-shrink: 0;
10
10
vertical-align: middle;
11
-
}
12
-
.avatar.has-alpha {
13
-
border-radius: 0;
14
-
}
15
-
.avatar:not(.has-alpha).squircle {
16
-
border-radius: 25%;
17
-
}
18
11
19
-
.avatar img {
20
-
width: 100%;
21
-
height: 100%;
22
-
object-fit: cover;
23
-
background-color: var(--img-bg-color);
24
-
contain: none;
25
-
}
12
+
&.has-alpha {
13
+
border-radius: 0;
14
+
background-color: transparent;
15
+
box-shadow: none;
16
+
17
+
img {
18
+
background-color: transparent;
19
+
}
20
+
}
21
+
&:not(.has-alpha).squircle {
22
+
border-radius: 25%;
23
+
}
24
+
25
+
img {
26
+
width: 100%;
27
+
height: 100%;
28
+
object-fit: cover;
29
+
background-color: var(--img-bg-color);
30
+
contain: none;
31
+
}
26
32
27
-
.avatar[data-loaded],
28
-
.avatar[data-loaded] img {
29
-
box-shadow: none;
30
-
background-color: transparent;
33
+
&[data-loaded],
34
+
&[data-loaded] img {
35
+
box-shadow: none;
36
+
background-color: transparent;
37
+
}
31
38
}