style: gpu vendor logo
This commit is contained in:
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user