From 248d27680d333e2366edbe3afa3fb488692c8db3 Mon Sep 17 00:00:00 2001
From: lyf <1910527151@qq.com>
Date: Wed, 25 Sep 2024 11:15:00 +0800
Subject: [PATCH] fix style

---
 app/components/model-config.tsx     | 3 +--
 app/components/settings.module.scss | 2 +-
 app/components/settings.tsx         | 2 +-
 app/components/ui-lib.module.scss   | 9 ---------
 app/components/ui-lib.tsx           | 3 ++-
 5 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/app/components/model-config.tsx b/app/components/model-config.tsx
index 6fddf7ee7..0fc73f6a0 100644
--- a/app/components/model-config.tsx
+++ b/app/components/model-config.tsx
@@ -6,7 +6,6 @@ import { InputRange } from "./input-range";
 import { ListItem, Select } from "./ui-lib";
 import { useAllModels } from "../utils/hooks";
 import { groupBy } from "lodash-es";
-import styles from "./ui-lib.module.scss";
 
 export function ModelConfigList(props: {
   modelConfig: ModelConfig;
@@ -243,7 +242,7 @@ export function ModelConfigList(props: {
         subTitle={Locale.Settings.CompressModel.SubTitle}
       >
         <Select
-          className={styles["select-model"]}
+          style={{ width: "60%" }}
           aria-label={Locale.Settings.CompressModel.Title}
           value={compressModelValue}
           onChange={(e) => {
diff --git a/app/components/settings.module.scss b/app/components/settings.module.scss
index 2ed786efc..60664f93a 100644
--- a/app/components/settings.module.scss
+++ b/app/components/settings.module.scss
@@ -73,7 +73,7 @@
   }
 }
 
-.SubTitle-button {
+.subtitle-button {
   button {
     overflow:visible ;
   }
diff --git a/app/components/settings.tsx b/app/components/settings.tsx
index 3a2357e69..dfc4e92e7 100644
--- a/app/components/settings.tsx
+++ b/app/components/settings.tsx
@@ -690,7 +690,7 @@ export function Settings() {
 
   const saasStartComponent = (
     <ListItem
-      className={styles["SubTitle-button"]}
+      className={styles["subtitle-button"]}
       title={
         Locale.Settings.Access.SaasStart.Title +
         `${Locale.Settings.Access.SaasStart.Label}`
diff --git a/app/components/ui-lib.module.scss b/app/components/ui-lib.module.scss
index 7a2398deb..8c23142ac 100644
--- a/app/components/ui-lib.module.scss
+++ b/app/components/ui-lib.module.scss
@@ -281,15 +281,6 @@
   }
 }
 
-.select-model {
-  width: 60%;
-  .select-with-icon-select {
-    max-width: 100%;
-    white-space: normal;
-  }
-}
-
-
 .modal-input {
   height: 100%;
   width: 100%;
diff --git a/app/components/ui-lib.tsx b/app/components/ui-lib.tsx
index 4af37dbba..ff317cc75 100644
--- a/app/components/ui-lib.tsx
+++ b/app/components/ui-lib.tsx
@@ -298,12 +298,13 @@ export function Select(
     HTMLSelectElement
   >,
 ) {
-  const { className, children, align, ...otherProps } = props;
+  const { className, children, align, style, ...otherProps } = props;
   return (
     <div
       className={`${styles["select-with-icon"]} ${
         align === "left" ? styles["left-align-option"] : ""
       } ${className}`}
+      style={style}
     >
       <select className={styles["select-with-icon-select"]} {...otherProps}>
         {children}