feat(header): new glass header on channel view

2021-12-26 22:26:27 +01:00
parent e20c3ee518
commit 83f38d71ce
6 changed files with 28 additions and 1 deletions
--- a/src/pages/channels/messaging/MessageArea.tsx
+++ b/src/pages/channels/messaging/MessageArea.tsx
@@ -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%;