fix: modal responsive import model

janhq · Aug 27, 2024 · 1c74a40 · 1c74a40
1 parent 4228b9f
commit 1c74a40
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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>