Adiconar scroll na side bar (#606)

* feat: add scroll to sidebar * refactor: fix scroll bar spacing * refactor: code style --------- Co-authored-by: juliaM <[email protected]>
devhatt · Sep 10, 2024 · 19a8e0f · 19a8e0f
1 parent 3adda40
commit 19a8e0f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/pages/home/components/Sidebar/Sidebar.module.scss b/src/pages/home/components/Sidebar/Sidebar.module.scss
@@ -64,6 +64,18 @@
   display: none;
 }
 
+.accountWrapper {
+  width: 100%;
+  height: 100%;
+  max-height: 50rem;
+
+  overflow-y: auto;
+
+  padding: 0 0.3rem;
+
+  scrollbar-color: $secondaryGray transparent;
+}
+
 .content {
   height: 100%;
 

diff --git a/src/pages/home/components/Sidebar/Sidebar.tsx b/src/pages/home/components/Sidebar/Sidebar.tsx
@@ -83,7 +83,9 @@ function Sidebar(): React.ReactNode {
           />
 
           {filteredAccountsResult.length > 0 ? (
-            <FilteredAccounts socialMedia={filteredAccountsResult} />
+            <div className={scss.accountWrapper}>
+              <FilteredAccounts socialMedia={filteredAccountsResult} />
+            </div>
           ) : (
             <EmptyResult />
           )}