fix: wrong header content-type for curl tts

src/components/audio-player/index.less

@@ -80,6 +80,7 @@
       height: 20px;
       display: flex;
       align-items: center;
+      align-self: center;
       justify-content: center;
       text-overflow: ellipsis;
       white-space: nowrap;

src/components/echarts/scatter.tsx

@@ -168,7 +168,7 @@ const Scatter: React.FC<ChartProps> = (props) => {
       tooltip: {
         trigger: 'item',
         borderWidth: 0,
-        backgroundColor: chartColorMap.splitLineColor,
+        backgroundColor: chartColorMap.colorBgContainerHover,
         borderColor: 'transparent',
         formatter(params: any, callback?: (val: any) => any) {
           const dataList = findOverlappingPoints(seriseDataList, params.data);

src/pages/playground/components/ground-reranker.tsx

@@ -190,7 +190,7 @@ const GroundReranker: React.FC<MessageProps> = forwardRef((props, ref) => {
           <div
             className="pregress-bar"
             style={{
-              backgroundImage: `linear-gradient(90deg, #388bff 0%, #cce1ff 100%)`,
+              backgroundImage: `linear-gradient(90deg, var(--ant-blue-5) 0%, var(--ant-blue-2) 100%)`,
               width: `${percent}%`,
               height: '4px',
               borderRadius: '2px'

src/pages/playground/view-code/audio.ts

@@ -77,7 +77,7 @@ export const TextToSpeechCode = ({
   // ========================= Curl =========================
   const curlCode = `
 curl ${host}${api} \\
--H "Content-Type: multipart/form-data" \\
+-H "Content-Type: application/json" \\
 -H "Authorization: Bearer $\{YOUR_GPUSTACK_API_KEY}" \\
 ${formatCurlArgs(parameters, false)} \\\n--output output.${parameters.response_format}`.trim();