fix: allow scrolling in settings

fix #80

Author: Xiphe

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;
 }

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,
         )}
       >

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}>