perf: card shadowbox

web/src/app/home/components/dynamic-form/DynamicFormItemComponent.tsx

@@ -132,7 +132,7 @@ export default function DynamicFormItemComponent({
     case DynamicFormItemType.SELECT:
       return (
         <Select value={field.value} onValueChange={field.onChange}>
-          <SelectTrigger className="bg-[#f0f0f0] dark:bg-[#2a2a2e]">
+          <SelectTrigger className="bg-[#ffffff] dark:bg-[#2a2a2e]">
             <SelectValue placeholder={t('common.select')} />
           </SelectTrigger>
           <SelectContent>
@@ -150,7 +150,7 @@ export default function DynamicFormItemComponent({
     case DynamicFormItemType.LLM_MODEL_SELECTOR:
       return (
         <Select value={field.value} onValueChange={field.onChange}>
-          <SelectTrigger className="bg-[#f0f0f0] dark:bg-[#2a2a2e]">
+          <SelectTrigger className="bg-[#ffffff] dark:bg-[#2a2a2e]">
             <SelectValue placeholder={t('models.selectModel')} />
           </SelectTrigger>
           <SelectContent>
@@ -267,7 +267,7 @@ export default function DynamicFormItemComponent({
     case DynamicFormItemType.KNOWLEDGE_BASE_SELECTOR:
       return (
         <Select value={field.value} onValueChange={field.onChange}>
-          <SelectTrigger className="bg-[#f0f0f0] dark:bg-[#2a2a2e]">
+          <SelectTrigger className="bg-[#ffffff] dark:bg-[#2a2a2e]">
             <SelectValue placeholder={t('knowledge.selectKnowledgeBase')} />
           </SelectTrigger>
           <SelectContent>
@@ -303,7 +303,7 @@ export default function DynamicFormItemComponent({
                       field.onChange(newValue);
                     }}
                   >
-                    <SelectTrigger className="w-[120px] bg-[#f0f0f0] dark:bg-[#2a2a2e]">
+                    <SelectTrigger className="w-[120px] bg-[#ffffff] dark:bg-[#2a2a2e]">
                       <SelectValue />
                     </SelectTrigger>
                     <SelectContent>

web/src/app/home/components/empty-and-create-component/EmptyAndCreateComponent.tsx

@@ -1,27 +0,0 @@
-import styles from './emptyAndCreate.module.css';
-
-export default function EmptyAndCreateComponent({
-  title,
-  subTitle,
-  buttonText,
-  onButtonClick,
-}: {
-  title: string;
-  subTitle: string;
-  buttonText: string;
-  onButtonClick: () => void;
-}) {
-  return (
-    <div className={`${styles.emptyPageContainer}`}>
-      <div className={`${styles.emptyContainer}`}>
-        <div className={`${styles.emptyInfoContainer}`}>
-          <div className={`${styles.emptyInfoText}`}>{title}</div>
-          <div className={`${styles.emptyInfoSubText}`}>{subTitle}</div>
-        </div>
-        <div className={`${styles.emptyCreateButton}`} onClick={onButtonClick}>
-          {buttonText}
-        </div>
-      </div>
-    </div>
-  );
-}

web/src/app/home/components/empty-and-create-component/emptyAndCreate.module.css

@@ -1,54 +0,0 @@
-.emptyPageContainer {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: #fff;
-  border: 1px solid #c5c5c5;
-  border-radius: 10px;
-}
-
-.emptyContainer {
-  width: 100%;
-  height: 50%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-evenly;
-}
-
-.emptyCreateButton {
-  width: 200px;
-  height: 50px;
-  border-radius: 20px;
-  background-color: #2288ee;
-  color: #fff;
-  font-size: 20px;
-  font-weight: bold;
-  text-align: center;
-  line-height: 50px;
-  user-select: none;
-}
-
-.emptyCreateButton:hover {
-  background-color: #1b77d2;
-}
-
-.emptyInfoContainer {
-  width: 100%;
-  height: 60px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  color: #353535;
-}
-
-.emptyInfoText {
-  font-size: 30px;
-}
-
-.emptyInfoSubText {
-  font-size: 28px;
-}