status-im
/
dappconnect-sdks
mirror of https://github.com/status-im/dappconnect-sdks.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Change margins (#96)

This commit is contained in:
Maria Rushkova 2021-10-26 08:06:51 +02:00 committed by GitHub
parent f8dbe5a2b7
commit 7a289e5eab
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/react-chat/src/components/Channels/Channel.tsx
View File

@ -172,4 +172,5 @@ const NotificationBagde = styled.div`
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-shrink: 0;
`; `;

4
packages/react-chat/src/components/Chat.tsx
View File

@ -169,12 +169,12 @@ const ChannelsWrapper = styled.div`
height: 100%; height: 100%;
min-width: 196px; min-width: 196px;
background-color: ${({ theme }) => theme.sectionBackgroundColor}; background-color: ${({ theme }) => theme.sectionBackgroundColor};
padding: 10px 0.6%; padding: 10px 16px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
`; `;
const StyledCommunity = styled(Community)` const StyledCommunity = styled(Community)`
padding: 0 0 0 10px; padding: 0 0 0 8px;
margin: 0 0 16px; margin: 0 0 16px;
`; `;

1
packages/react-chat/src/components/CommunityIdentity.tsx
View File

@ -47,6 +47,7 @@ const Logo = styled.img`
const Name = styled.p` const Name = styled.p`
font-family: "Inter", sans-serif; font-family: "Inter", sans-serif;
font-weight: 500; font-weight: 500;
text-align: left;
color: ${({ theme }) => theme.primary}; color: ${({ theme }) => theme.primary};
${textMediumStyles} ${textMediumStyles}

1
packages/react-chat/src/components/Skeleton/CommunitySkeleton.tsx
View File

@ -20,6 +20,7 @@ export const CommunitySkeleton = () => {
const LogoSkeleton = styled(Skeleton)` const LogoSkeleton = styled(Skeleton)`
border-radius: 50%; border-radius: 50%;
margin-right: 8px; margin-right: 8px;
flex-shrink: 0;
`; `;
const Loading = styled.div` const Loading = styled.div`