design: Scroll overflow for data list component

stationmoney · Jan 17, 2022 · 1697337 · 1697337
1 parent c43a179
commit 1697337
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/pages/gov/components/DataList.module.scss b/src/pages/gov/components/DataList.module.scss
@@ -1,5 +1,9 @@
 @import "mixins";
 
+.list {
+  overflow: auto;
+}
+
 .horizontal {
   @include flex(space-evenly);
   text-align: center;

diff --git a/src/pages/gov/components/DataList.tsx b/src/pages/gov/components/DataList.tsx
@@ -12,7 +12,7 @@ interface Props {
 
 const DataList = ({ list, type }: Props) => {
   return (
-    <div className={cx(type)}>
+    <div className={cx(styles.list, type)}>
       {list.map(({ title, content }) => (
         <Grid gap={4} key={title}>
           <h1 className={styles.title}>{title}</h1>