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

Fix narrow topbar (#71)

This commit is contained in:
Szymon Szlachtowicz 2021-10-15 10:09:31 +02:00 committed by GitHub
parent 3095396988
commit a88eb5690f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 2 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -182,11 +182,7 @@ const ChatTopbar = styled.div`
position: relative;
&.narrow {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 2;
}
`;

2
packages/react-chat/src/components/NarrowMode/NarrowChannels.tsx
View File

@ -48,6 +48,6 @@ export function NarrowChannels({
}
const ListWrapper = styled.div`
padding: 82px 18px 18px;
padding: 0px 18px 18px;
background: ${({ theme }) => theme.bodyBackgroundColor};
`;

2
packages/react-chat/src/components/NarrowMode/NarrowMembers.tsx
View File

@ -30,6 +30,6 @@ export function NarrowMembers({
}
const ListWrapper = styled.div`
padding: 82px 18px 18px;
padding: 0px 18px 18px;
background: ${({ theme }) => theme.bodyBackgroundColor};
`;

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

@ -22,7 +22,6 @@ const TopbarWrapper = styled.div`
text-align: center;
background-color: ${({ theme }) => theme.bodyBackgroundColor};
padding: 14px 0;
position: relative;
`;
const Heading = styled.p`