Fix: Scrollablity issue for discord users

Real-Dev-Squad · Jan 22, 2025 · f573796 · f573796
1 parent 7c77f12
commit f573796
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/users/discord/App.js b/users/discord/App.js
@@ -57,7 +57,6 @@ export const App = () => {
     return createElement('main', {}, [
       TabsSection({ tabs, activeTab, handleTabNavigation }),
 
-      // Scrollable users section
       createElement('div', { class: 'users_section' }, [
         UsersSection({
           users,
@@ -66,7 +65,6 @@ export const App = () => {
         }),
       ]),
 
-      // Fixed user details section
       createElement('div', { class: 'user_details_section' }, [
         UserDetailsSection({ user: users[showUser] ?? {} }),
       ]),

diff --git a/users/discord/style.css b/users/discord/style.css
@@ -16,7 +16,7 @@ main {
   grid-template-areas:
     'tab tab '
     'aside details';
-  height: 100%; /* Ensure full page height */
+  height: 100%;
 }
 
 .tabs_section {
@@ -67,7 +67,7 @@ main {
   padding: 1rem;
   background-color: var(--light-gray);
   position: sticky;
-  height: 100%; /* Fill available space */
+  height: 100%;
 }
 
 .user_details_field {