From eb5e344b41608d0e7b2683587b60ef3c1eb8d6a3 Mon Sep 17 00:00:00 2001 From: jialin Date: Tue, 20 Jan 2026 10:35:55 +0800 Subject: [PATCH] style: gpu vendor logo --- src/assets/logo/{t-head.png => t-head-en.png} | Bin src/assets/logo/t-head-zh.png | Bin 0 -> 7362 bytes src/components/seal-form/seal-slider.tsx | 5 +++ src/pages/backends/config/index.ts | 2 +- .../components/provider-catalog.tsx | 34 ++++++++++++------ .../components/support-gpus.tsx | 11 ++++-- 6 files changed, 39 insertions(+), 13 deletions(-) rename src/assets/logo/{t-head.png => t-head-en.png} (100%) create mode 100644 src/assets/logo/t-head-zh.png diff --git a/src/assets/logo/t-head.png b/src/assets/logo/t-head-en.png similarity index 100% rename from src/assets/logo/t-head.png rename to src/assets/logo/t-head-en.png diff --git a/src/assets/logo/t-head-zh.png b/src/assets/logo/t-head-zh.png new file mode 100644 index 0000000000000000000000000000000000000000..82bd2630a22568d8f84f501dd370fdef10ed35f9 GIT binary patch literal 7362 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 ATmS$7 literal 0 HcmV?d00001 diff --git a/src/components/seal-form/seal-slider.tsx b/src/components/seal-form/seal-slider.tsx index 99161f8c..5a74c056 100644 --- a/src/components/seal-form/seal-slider.tsx +++ b/src/components/seal-form/seal-slider.tsx @@ -64,6 +64,11 @@ const SealSlider: React.FC = (props) => { value={value} controls={false} onChange={handleInput} + styles={{ + input: { + paddingInline: 0 + } + }} > ) : ( {value} diff --git a/src/pages/backends/config/index.ts b/src/pages/backends/config/index.ts index 33e06a2d..13fef745 100644 --- a/src/pages/backends/config/index.ts +++ b/src/pages/backends/config/index.ts @@ -230,7 +230,7 @@ default_run_command: vllm serve {{model_path}} --port {{port}} --host {{worker_i version_configs: v0.11.0: image_name: lm/vllm:latest - run_command: vllm serve {{model_path}} --port {{port}} --host {{worker_ip}} --served-model-name {{model_name}} + run_command: {{model_path}} --port {{port}} --host {{worker_ip}} --served-model-name {{model_name}} entrypoint: "/bin/sh -c" custom_framework: cuda v0.10.0: diff --git a/src/pages/cluster-management/components/provider-catalog.tsx b/src/pages/cluster-management/components/provider-catalog.tsx index c29bbe46..6bfebd3d 100644 --- a/src/pages/cluster-management/components/provider-catalog.tsx +++ b/src/pages/cluster-management/components/provider-catalog.tsx @@ -1,6 +1,7 @@ import IconFont from '@/components/icon-font'; import Card from '@/components/templates/card'; import { useIntl } from '@umijs/max'; +import { Tooltip } from 'antd'; import React, { useMemo } from 'react'; import styled from 'styled-components'; import { ProviderType } from '../config'; @@ -59,6 +60,11 @@ const Header = styled.div` } `; +const CardBox = styled.div` + display: flex; + overflow: hidden; +`; + interface ProviderCatalogProps { onSelect?: (provider: string, item: any) => void; groupIcons?: Record; @@ -66,6 +72,7 @@ interface ProviderCatalogProps { current?: ProviderType | string; clickable?: boolean; height: string | number; + showTooltip?: boolean; dataList: { label: string; key: string; @@ -84,7 +91,8 @@ const ProviderCatalog: React.FC = ({ dataList, clickable, height, - current + current, + showTooltip = false }) => { const intl = useIntl(); @@ -134,16 +142,22 @@ const ProviderCatalog: React.FC = ({ )} {items?.map((action) => ( - onSelect?.(action.key as string, action)} - active={current === action.key} - disabled={action.disabled} - clickable={clickable} - header={renderTitle(action)} - icon={action.icon} - > + > + + onSelect?.(action.key as string, action)} + active={current === action.key} + disabled={action.disabled} + clickable={clickable} + header={renderTitle(action)} + icon={action.icon} + > + + ))} diff --git a/src/pages/cluster-management/components/support-gpus.tsx b/src/pages/cluster-management/components/support-gpus.tsx index 1fbdcd48..508cefe7 100644 --- a/src/pages/cluster-management/components/support-gpus.tsx +++ b/src/pages/cluster-management/components/support-gpus.tsx @@ -5,7 +5,8 @@ import iluvatarWEBP from '@/assets/logo/Iluvatar.png'; import metaxLogo from '@/assets/logo/metax.png'; import mooreLogo from '@/assets/logo/moore-logo.png'; import nvidiaLogo from '@/assets/logo/nvidia.png'; -import theadLogo from '@/assets/logo/t-head.png'; +import theadLogoEN from '@/assets/logo/t-head-en.png'; +import theadLogoZH from '@/assets/logo/t-head-zh.png'; import IconFont from '@/components/icon-font'; import useUserSettings from '@/hooks/use-user-settings'; import { @@ -190,7 +191,12 @@ const SupportedHardware: React.FC = ({ locale: false, link: 'https://docs.gpustack.ai/latest/installation/requirements/#thead-gpu', notes: AddWorkerDockerNotes[GPUDriverMap.THEAD], - icon: + icon: ( + + ) } ]; @@ -202,6 +208,7 @@ const SupportedHardware: React.FC = ({ current={current} dataList={supportedHardPlatforms} clickable={clickable} + showTooltip={true} cols={5} />