style: gpu vendor logo

This commit is contained in:
jialin
2026-01-20 10:36:38 +08:00
parent 9d13b27c9e
commit eb5e344b41
6 changed files with 39 additions and 13 deletions

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

+5
View File
@@ -64,6 +64,11 @@ const SealSlider: React.FC<SealSliderProps> = (props) => {
value={value}
controls={false}
onChange={handleInput}
styles={{
input: {
paddingInline: 0
}
}}
></InputNumber>
) : (
<span className="val">{value}</span>
+1 -1
View File
@@ -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:
@@ -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<string, string>;
@@ -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<ProviderCatalogProps> = ({
dataList,
clickable,
height,
current
current,
showTooltip = false
}) => {
const intl = useIntl();
@@ -134,16 +142,22 @@ const ProviderCatalog: React.FC<ProviderCatalogProps> = ({
)}
<Wrapper $cols={cols}>
{items?.map((action) => (
<Card
height={height}
<Tooltip
title={showTooltip ? action.label : false}
key={action.key}
onClick={() => onSelect?.(action.key as string, action)}
active={current === action.key}
disabled={action.disabled}
clickable={clickable}
header={renderTitle(action)}
icon={action.icon}
></Card>
>
<CardBox>
<Card
height={height}
onClick={() => onSelect?.(action.key as string, action)}
active={current === action.key}
disabled={action.disabled}
clickable={clickable}
header={renderTitle(action)}
icon={action.icon}
></Card>
</CardBox>
</Tooltip>
))}
</Wrapper>
</div>
@@ -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<SupportedHardwareProps> = ({
locale: false,
link: 'https://docs.gpustack.ai/latest/installation/requirements/#thead-gpu',
notes: AddWorkerDockerNotes[GPUDriverMap.THEAD],
icon: <ProviderImage src={theadLogo} height={22} />
icon: (
<ProviderImage
src={intl?.locale === 'zh-CN' ? theadLogoZH : theadLogoEN}
height={22}
/>
)
}
];
@@ -202,6 +208,7 @@ const SupportedHardware: React.FC<SupportedHardwareProps> = ({
current={current}
dataList={supportedHardPlatforms}
clickable={clickable}
showTooltip={true}
cols={5}
/>
</Box>