abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-06 17:11:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(header): new glass header on channel view

Browse Source
This commit is contained in:
trashtemp
2021-12-26 22:26:27 +01:00
parent b607c14c3b
commit 4e43ff72be
6 changed files with 28 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/pages/RevoltApp.tsx
View File

@@ -30,6 +30,7 @@ const Routes = styled.div`
display: flex;
overflow: hidden;
flex-direction: column;
position: relative;
background: var(--primary-background);
`;

6
src/pages/channels/Channel.tsx
View File

@@ -35,6 +35,12 @@ const ChannelMain = styled.div`
min-height: 0;
overflow: hidden;
flex-direction: row;
> * > ::-webkit-scrollbar-thumb {
width: 4px;
background-clip: content-box;
border-top: 48px solid transparent;
}
`;
const ChannelContent = styled.div`

7
src/pages/channels/messaging/MessageArea.tsx
View File

@@ -39,8 +39,15 @@ const Area = styled.div`
min-height: 0;
overflow-x: hidden;
overflow-y: scroll;
padding-top: 48px;
word-break: break-word;
> * > ::-webkit-scrollbar-thumb {
width: 4px;
background-clip: content-box;
border-top: 80px solid transparent;
}
> div {
display: flex;
min-height: 100%;