fix: remove background from styled Avatar components - closes #371 (#398

)
verdaccio · Dec 28, 2019 · 787dda4 · 787dda4
1 parent 797c238
commit 787dda4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/components/Install/InstallListItem.tsx b/src/components/Install/InstallListItem.tsx
@@ -26,6 +26,9 @@ const InstallListItemText = styled(ListItemText)({
 const PackageMangerAvatar = styled(Avatar)({
   borderRadius: '0px',
   padding: '0',
+  img: {
+    backgroundColor: 'transparent',
+  },
 });
 
 export enum DependencyManager {

diff --git a/src/components/Repository/Repository.tsx b/src/components/Repository/Repository.tsx
@@ -34,6 +34,14 @@ const RepositoryListItemText = styled(ListItemText)({
   margin: 0,
 });
 
+const RepositoryAvatar = styled(Avatar)({
+  borderRadius: '0px',
+  padding: '0',
+  img: {
+    backgroundColor: 'transparent',
+  },
+});
+
 const Repository: React.FC = () => {
   const detailContext = React.useContext(DetailContext);
 
@@ -58,7 +66,7 @@ const Repository: React.FC = () => {
   return (
     <List dense={true} subheader={<StyledText variant="subtitle1">{'Repository'}</StyledText>}>
       <RepositoryListItem button={true}>
-        <Avatar src={git} />
+        <RepositoryAvatar src={git} />
         <RepositoryListItemText
           primary={
             <CopyToClipBoard text={repositoryURL}>