diff options
| author | Haishan <[email protected]> | 2018-10-27 17:49:34 +0800 |
|---|---|---|
| committer | haishanh <[email protected]> | 2018-10-30 16:01:33 +0800 |
| commit | 00090fc51ca1ea0968f4a849d7c6ecaab0422b99 (patch) | |
| tree | 65e8480c10af58d01cea8cd607f44c941079cd8f /src/components | |
| parent | ae3fd6bcaf9e650ed1603654dbe2ef715123e6e9 (diff) | |
chore: play around with customized scroll bar
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Root.js | 2 | ||||
| -rw-r--r-- | src/components/Root.module.scss | 17 |
2 files changed, 18 insertions, 1 deletions
diff --git a/src/components/Root.js b/src/components/Root.js index 9399c18..99b815e 100644 --- a/src/components/Root.js +++ b/src/components/Root.js @@ -39,7 +39,7 @@ const Root = () => ( <div className={s0.app}> <APIDiscovery /> <Route path="/" component={SideBar} /> - <div style={{ flexGrow: '1', overflow: 'scroll' }}> + <div className={s0.content}> <Route exact path="/" render={() => <Home />} /> <Route exact path="/overview" render={() => <Home />} /> <Route exact path="/configs" render={() => <Config />} /> diff --git a/src/components/Root.module.scss b/src/components/Root.module.scss index d23d62e..52717bb 100644 --- a/src/components/Root.module.scss +++ b/src/components/Root.module.scss @@ -6,3 +6,20 @@ min-height: 580px; height: 100vh; } + +.content { + flex-grow: 1; + overflow: scroll; + + // $w: 7px; + // &::-webkit-scrollbar { + // width: $w; + // } + // &::-webkit-scrollbar-thumb { + // border-radius: 20px; + // background-color: rgba(221, 221, 221, 0.7); + // } + // &::-webkit-scrollbar-corner { + // background: transparent; + // } +} |