From 17653460b56b8b011d6bfe8529670ac8a8c66fc9 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Tue, 27 Aug 2024 14:58:56 +0700
Subject: [PATCH] fix: modal responsive import model (#3467)

---
 electron/managers/mainWindowConfig.ts                           | 2 +-
 .../HuggingFaceRepoDetailModal/ModelDownloadList/index.tsx      | 2 +-
 .../HuggingFaceRepoDetailModal/ModelSegmentInfo/index.tsx       | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/electron/managers/mainWindowConfig.ts b/electron/managers/mainWindowConfig.ts
index 3059ea04f..82c437106 100644
--- a/electron/managers/mainWindowConfig.ts
+++ b/electron/managers/mainWindowConfig.ts
@@ -1,5 +1,5 @@
 const DEFAULT_MIN_WIDTH = 400
-const DEFAULT_MIN_HEIGHT = 300
+const DEFAULT_MIN_HEIGHT = 600
 
 export const mainWindowConfig: Electron.BrowserWindowConstructorOptions = {
   skipTaskbar: false,
diff --git a/web/screens/Settings/HuggingFaceRepoDetailModal/ModelDownloadList/index.tsx b/web/screens/Settings/HuggingFaceRepoDetailModal/ModelDownloadList/index.tsx
index ce63703e5..e6285565f 100644
--- a/web/screens/Settings/HuggingFaceRepoDetailModal/ModelDownloadList/index.tsx
+++ b/web/screens/Settings/HuggingFaceRepoDetailModal/ModelDownloadList/index.tsx
@@ -29,7 +29,7 @@ const ModelDownloadList = () => {
   return (
     <div className="flex h-[500px] flex-1 flex-col">
       <h1 className="mb-3 font-semibold">Available Versions</h1>
-      <ScrollArea className="w-full md:flex-1">
+      <ScrollArea className="w-full lg:flex-1">
         {ggufModels.map((model, index) => {
           if (!model.downloadUrl) return null
           return (
diff --git a/web/screens/Settings/HuggingFaceRepoDetailModal/ModelSegmentInfo/index.tsx b/web/screens/Settings/HuggingFaceRepoDetailModal/ModelSegmentInfo/index.tsx
index 5a63e5902..ba17e9b57 100644
--- a/web/screens/Settings/HuggingFaceRepoDetailModal/ModelSegmentInfo/index.tsx
+++ b/web/screens/Settings/HuggingFaceRepoDetailModal/ModelSegmentInfo/index.tsx
@@ -72,7 +72,7 @@ const ModelSegmentInfo = () => {
       </div>
 
       <HeaderInfo title="Tags">
-        <div className="mt-2 flex flex-wrap gap-x-1 gap-y-1">
+        <div className="mt-2 flex h-14 flex-wrap gap-x-1 gap-y-1 overflow-auto lg:h-auto">
           {importingHuggingFaceRepoData.tags.map((tag) => (
             <Badge variant="soft" key={tag} title={tag} className="mt-1">
               <span className="line-clamp-1">{tag}</span>