rearrange setting fields

src/settings.tsx

@@ -164,10 +164,9 @@ const Slicer = (props: {
           }}
         />
       </span>
-      <span>
       <input
         disabled={!enabled}
-          className="m-2 p-2 border rounded focus w-28"
+        className="m-2 p-2 border rounded focus w-16"
         type="range"
         min={props.min}
         max={props.max}
@@ -190,7 +189,6 @@ const Slicer = (props: {
           props.setChatStore({ ...props.chatStore });
         }}
       />
-      </span>
     </Help>
   );
 };
@@ -426,6 +424,17 @@ export default (props: {
               {...props}
             />
           </div>
+          <SelectModel
+            help="模型，默认 3.5。不同模型性能和定价也不同，请参考 API 文档。"
+            {...props}
+          />
+          <Slicer
+            field="temperature"
+            min={0}
+            max={2}
+            help="温度，数值越大模型生成文字的随机性越高。"
+            {...props}
+          />
           <Choice
             field="streamMode"
             help="流模式，使用 stream mode 将可以动态看到生成内容，但无法准确计算 token 数量，在 token 数量过多时可能会裁切过多或过少历史消息"
@@ -436,11 +445,6 @@ export default (props: {
             help="开发者模式，开启后会显示更多选项及功能"
             {...props}
           />
-          <Choice field="json_mode" help="JSON Mode" {...props} />
-          <SelectModel
-            help="模型，默认 3.5。不同模型性能和定价也不同，请参考 API 文档。"
-            {...props}
-          />
           <Number
             field="maxTokens"
             help="最大上下文 token 数量。此值会根据选择的模型自动设置。"
@@ -459,6 +463,7 @@ export default (props: {
             readOnly={false}
             {...props}
           />
+          <Choice field="json_mode" help="JSON Mode" {...props} />
           <Number
             field="postBeginIndex"
             help="指示发送 API 请求时要”忘记“多少历史消息"
@@ -471,13 +476,6 @@ export default (props: {
             readOnly={true}
             {...props}
           />
-          <Slicer
-            field="temperature"
-            min={0}
-            max={2}
-            help="温度，数值越大模型生成文字的随机性越高。"
-            {...props}
-          />
           <Slicer
             field="top_p"
             min={0}