fix: quickask ui color and alignment on mymodel list

janhq · Mar 3, 2025 · 0e41299 · 0e41299
1 parent c79c10c
commit 0e41299
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/web/app/search/layout.tsx b/web/app/search/layout.tsx
@@ -16,6 +16,7 @@ import Search from './page'
 
 import { defaultJanDataFolderAtom } from '@/helpers/atoms/App.atom'
 import { janDataFolderPathAtom } from '@/helpers/atoms/AppConfig.atom'
+import ThemeWrapper from '@/containers/Providers/Theme'
 
 export default function RootLayout() {
   const setJanDataFolderPath = useSetAtom(janDataFolderPathAtom)
@@ -45,9 +46,9 @@ export default function RootLayout() {
   useLoadTheme()
 
   return (
-    <>
+    <ThemeWrapper>
       <ClipboardListener />
       <Search />
-    </>
+    </ThemeWrapper>
   )
 }
diff --git a/web/screens/Settings/MyModels/MyModelList/index.tsx b/web/screens/Settings/MyModels/MyModelList/index.tsx
@@ -53,7 +53,7 @@ const MyModelList = ({ model }: Props) => {
     <div className="border border-b-0 border-[hsla(var(--app-border))] bg-[hsla(var(--tertiary-bg))] p-4 first:rounded-t-lg last:rounded-b-lg last:border-b">
       <div className="flex flex-col items-start justify-start gap-4 sm:flex-row sm:items-center sm:justify-between">
         <div className="flex gap-x-8 lg:w-1/2">
-          <div className="flex h-full w-full flex-col items-start justify-between gap-2 lg:flex-row lg:items-center">
+          <div className="flex h-full w-full flex-col items-start justify-between gap-2 lg:flex-row lg:items-center lg:justify-start">
             <h6
               className={twMerge(
                 'font-medium lg:line-clamp-1 lg:min-w-[280px] lg:max-w-[280px]',