From c4cccc1574e58d34b75744d8dd8afb56fb67e37d Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Tue, 4 Mar 2025 00:09:29 +0700
Subject: [PATCH] fix: quickask ui color and alignment on mymodel list (#4774)

* fix: quickask ui color and alignment on mymodel list

* fix: color scheme quickask
---
 web/app/search/layout.tsx                           | 6 ++++--
 web/screens/Settings/MyModels/MyModelList/index.tsx | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/app/search/layout.tsx b/web/app/search/layout.tsx
index b35b93b13..f3ce06cb7 100644
--- a/web/app/search/layout.tsx
+++ b/web/app/search/layout.tsx
@@ -8,6 +8,8 @@ import { useSetAtom } from 'jotai'
 
 import ClipboardListener from '@/containers/Providers/ClipboardListener'
 
+import ThemeWrapper from '@/containers/Providers/Theme'
+
 import { useLoadTheme } from '@/hooks/useLoadTheme'
 
 import { setupCoreServices } from '@/services/coreService'
@@ -45,9 +47,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
index f47dfcc19..c2b1ce8c9 100644
--- 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]',