From f573796db7dfc93437cecceab38e47397ef4ddf4 Mon Sep 17 00:00:00 2001 From: "abhishek.rdx" Date: Thu, 23 Jan 2025 01:04:45 +0530 Subject: [PATCH] Fix: Scrollablity issue for discord users --- users/discord/App.js | 2 -- users/discord/style.css | 4 ++-- 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/users/discord/App.js b/users/discord/App.js index 904d7173..78c89dd0 100644 --- 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 index 39b47a54..077af50d 100644 --- 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 {