diff options
| -rw-r--r-- | pages/index.tsx | 39 | ||||
| -rw-r--r-- | styles/globals.css | 18 | ||||
| -rw-r--r-- | styles/layout.css | 6 |
3 files changed, 63 insertions, 0 deletions
diff --git a/pages/index.tsx b/pages/index.tsx index 61a1390..d572a2d 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -23,6 +23,45 @@ export default function Home() { children: [ { name: "gert3", + }, + { + name: "gert", + children: [ + { + name: "gert2", + children: [ + { + name: "gert3", + } + ] + } + ] + } + ] + } + ] + }, + { + name: "gert", + children: [ + { + name: "gert2", + children: [ + { + name: "gert3", + }, + { + name: "gert", + children: [ + { + name: "gert2", + children: [ + { + name: "gert3", + } + ] + } + ] } ] } diff --git a/styles/globals.css b/styles/globals.css index 8b2f36d..c1c4658 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -46,3 +46,21 @@ h3 { font-size: 32px; } background-color: var(--fire-opal); } +::-webkit-scrollbar { + width: 12px; +} + +::-webkit-scrollbar-track { + background-color: var(--bg); +} + +::-webkit-scrollbar-thumb { + background-color: var(--purple-navy); + border-radius: 6px; + border: 4px solid var(--bg); +} + +::-webkit-scrollbar-thumb:hover { + background-color: var(--fg); +} + diff --git a/styles/layout.css b/styles/layout.css index c739d13..f648634 100644 --- a/styles/layout.css +++ b/styles/layout.css @@ -29,6 +29,12 @@ .navAreaWrapper > .sticky { position: sticky; top: var(--page-margins); + bottom: var(--page-margins); + height: calc(100vh - 2 * var(--page-margins)); + + overflow-y: scroll; + + border-radius: 8px; } .contentWrapper { |