Skip to content

Commit

Permalink
feat(web): style scrollbar a bit and add placeholder if not scrollabl…
Browse files Browse the repository at this point in the history
…e section
  • Loading branch information
kemuru committed Sep 13, 2023
1 parent f946f6e commit 2288b77
Showing 1 changed file with 18 additions and 0 deletions.
18 changes: 18 additions & 0 deletions web/src/styles/global-style.ts
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ export const GlobalStyle = createGlobalStyle`
html {
box-sizing: border-box;
scrollbar-gutter: stable;
}
*, *:before, *:after {
Expand Down Expand Up @@ -103,4 +104,21 @@ export const GlobalStyle = createGlobalStyle`
--base-color: ${({ theme }) => theme.skeletonBackground};
--highlight-color: ${({ theme }) => theme.skeletonHighlight};
}
*::-webkit-scrollbar {
width: 6px;
height: 6px;
}
*::-webkit-scrollbar-track {
background-color: ${({ theme }) => theme.mediumPurple};
}
*::-webkit-scrollbar-thumb {
background-color: ${({ theme }) => theme.primaryPurple};
border-radius: 3px;
}
*::-webkit-scrollbar-thumb:hover {
background-color: ${({ theme }) => theme.secondaryPurple};
}
`;

0 comments on commit 2288b77

Please sign in to comment.