From a0af6f3a36b046cc0de1cc64521aca3d4bbb254e Mon Sep 17 00:00:00 2001
From: Kalbskinder <mimosc007@gmail.com>
Date: Tue, 21 Oct 2025 22:00:57 +0200
Subject: [PATCH] fix: mod list in profile detail view not using available
 height

---
 src/components/profiles/ProfileDetailViewV2.tsx | 2 +-
 src/components/ui/GenericContentTab.tsx         | 2 +-
 src/components/ui/GenericList.tsx               | 7 +------
 3 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/profiles/ProfileDetailViewV2.tsx b/src/components/profiles/ProfileDetailViewV2.tsx
index 05bd6e5a..19e5b76b 100644
--- a/src/components/profiles/ProfileDetailViewV2.tsx
+++ b/src/components/profiles/ProfileDetailViewV2.tsx
@@ -552,7 +552,7 @@ export function ProfileDetailViewV2({
 
 
         {/* Content Area */}
-        <div className="flex-1 min-h-0">
+        <div className="flex-1 min-h-0 h-full">
           {activeMainTab === "content" && (
             <div className="flex h-full">
               {/* Content Display Area */}
diff --git a/src/components/ui/GenericContentTab.tsx b/src/components/ui/GenericContentTab.tsx
index f594bcbf..fdf987d3 100644
--- a/src/components/ui/GenericContentTab.tsx
+++ b/src/components/ui/GenericContentTab.tsx
@@ -67,7 +67,7 @@ export function GenericContentTab<T>({
   const effectiveLoadingItemCount = showSkeletons ? loadingItemCount : 0;
 
   return (
-    <div className="flex flex-col select-none pt-[7px]">
+    <div className="flex flex-col select-none pt-[7px] h-full">
       {/* Header with search, actions etc. */}
       <div className="flex items-center justify-between mb-1 gap-2">
         <div className="flex items-center gap-2 flex-grow min-w-0">
diff --git a/src/components/ui/GenericList.tsx b/src/components/ui/GenericList.tsx
index dfad38e2..875e09d7 100644
--- a/src/components/ui/GenericList.tsx
+++ b/src/components/ui/GenericList.tsx
@@ -152,18 +152,13 @@ export function GenericList<T>({
      return null; // Return nothing for empty state without background
   }
   if (!isEmpty) {
-    // Always use virtualization for better performance and consistent behavior
-    // Calculate height based on item count - min 400px, max 600px
-    const calculatedHeight = Math.min(Math.max(items.length * 60, 400), 600);
-
     return (
         <div
-        className={`${listContainerClassName}`}
+        className={`${listContainerClassName} h-full`}
         >
         <Virtuoso
           data={items}
           itemContent={(index) => renderItem(items[index], index)}
-          style={{ height: `${calculatedHeight}px` }}
         />
         </div>
     );