From df61906a20f04b89daf4134b46cfc6c49600a40e Mon Sep 17 00:00:00 2001 From: zerosoul Date: Fri, 10 Jun 2022 22:50:12 +0800 Subject: [PATCH] chore: image object-fit --- src/common/component/AvatarUploader.js | 1 + src/common/component/CurrentUser.js | 1 + src/common/component/Server.js | 2 ++ src/routes/home/User.js | 1 + 4 files changed, 5 insertions(+) diff --git a/src/common/component/AvatarUploader.js b/src/common/component/AvatarUploader.js index b738b9dd..48ac5875 100644 --- a/src/common/component/AvatarUploader.js +++ b/src/common/component/AvatarUploader.js @@ -16,6 +16,7 @@ const StyledWrapper = styled.div` background-color: #eee; /* border: 1px solid #eee; */ img { + object-fit: cover; width: 100%; height: 100%; } diff --git a/src/common/component/CurrentUser.js b/src/common/component/CurrentUser.js index 90d025de..c73add01 100644 --- a/src/common/component/CurrentUser.js +++ b/src/common/component/CurrentUser.js @@ -28,6 +28,7 @@ const StyledWrapper = styled.div` width: 32px; height: 32px; border-radius: 50%; + object-fit: cover; } .toggle { } diff --git a/src/common/component/Server.js b/src/common/component/Server.js index dbe28311..ac6f95a5 100644 --- a/src/common/component/Server.js +++ b/src/common/component/Server.js @@ -26,6 +26,8 @@ const StyledWrapper = styled.div` img { width: 100%; height: 100%; + object-fit: cover; + border-radius: 50%; } } .info { diff --git a/src/routes/home/User.js b/src/routes/home/User.js index b18e522b..da955210 100644 --- a/src/routes/home/User.js +++ b/src/routes/home/User.js @@ -9,6 +9,7 @@ const StyledWrapper = styled.div` width: 32px; height: 32px; img { + object-fit: cover; border-radius: 50%; width: 100%; height: 100%;