kylefang/react
1
0
Fork 0
mirror of https://github.com/zhigang1992/react.git synced 2026-03-26 22:42:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

object-fit: cover in Avatar component (#544)

Browse Source 
* `object-fit: cover` in Avatar component

* fix: added `object-fit: cover` to Avatar component

* test: updated Avatar test snapshot

* test: update User component test snapshot
This commit is contained in:
Max Prilutskiy
2021-05-26 05:33:08 +03:00
committed by GitHub
parent e95ef4a4bc
commit de483cdfbd
3 changed files with 43 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/avatar/__tests__/__snapshots__/index.test.tsx.snap
View File

@@ -38,6 +38,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -103,6 +104,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -221,6 +223,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -286,6 +289,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -412,6 +416,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -477,6 +482,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -608,6 +614,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -673,6 +680,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -760,6 +768,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -825,6 +834,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -971,6 +981,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -1036,6 +1047,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -1163,6 +1175,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -1228,6 +1241,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -1368,6 +1382,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -1433,6 +1448,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -1522,6 +1538,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -1587,6 +1604,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;

1
components/avatar/avatar.tsx
View File

@@ -86,6 +86,7 @@ const Avatar: React.FC<AvatarProps> = ({
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: ${radius};

24
components/user/__tests__/__snapshots__/index.test.tsx.snap
View File

@@ -54,6 +54,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -119,6 +120,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -551,6 +553,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -616,6 +619,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -889,6 +893,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -954,6 +959,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -1081,6 +1087,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -1148,6 +1155,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -1568,6 +1576,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -1635,6 +1644,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -1896,6 +1906,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -1963,6 +1974,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -2106,6 +2118,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -2173,6 +2186,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -2593,6 +2607,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -2660,6 +2675,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -2921,6 +2937,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -2988,6 +3005,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -3119,6 +3137,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -3184,6 +3203,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -3616,6 +3636,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -3681,6 +3702,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -3954,6 +3976,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;
@@ -4019,6 +4042,7 @@ initialize {
.avatar-img {
display: inline-block;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 50%;