fix: allow scrolling in settings

fix #80
Xiphe · Mar 8, 2021 · 16d4e2f · 16d4e2f
1 parent f68b45a
commit 16d4e2f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/src/components/Content/Content.module.scss b/src/components/Content/Content.module.scss
@@ -3,6 +3,9 @@
   height: calc(100vh - var(--header-height));
   overflow: hidden;
 }
+.scroll {
+  overflow-y: scroll;
+}
 .padding {
   padding: 0 2rem;
 }

diff --git a/src/components/Content/Content.tsx b/src/components/Content/Content.tsx
@@ -8,6 +8,7 @@ type Props = {
   children: ReactNode;
   padding?: boolean;
   flex?: boolean;
+  scroll?: boolean;
   background?: boolean;
 };
 export default function Content({
@@ -17,6 +18,7 @@ export default function Content({
   background,
   className,
   flex,
+  scroll,
 }: Props) {
   return (
     <>
@@ -27,6 +29,7 @@ export default function Content({
           styles.content,
           padding && styles.padding,
           flex && styles.flex,
+          scroll && styles.scroll,
           background && styles.background,
         )}
       >

diff --git a/src/views/Settings/Settings.tsx b/src/views/Settings/Settings.tsx
@@ -24,6 +24,7 @@ export default function Settings(props: Props) {
     <Content
       padding
       background
+      scroll
       header={
         <Header>
           <Button title="close" disabled={!valid} onClick={props.onClose}>