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}
|
value={value}
|
||||||
controls={false}
|
controls={false}
|
||||||
onChange={handleInput}
|
onChange={handleInput}
|
||||||
|
styles={{
|
||||||
|
input: {
|
||||||
|
paddingInline: 0
|
||||||
|
}
|
||||||
|
}}
|
||||||
></InputNumber>
|
></InputNumber>
|
||||||
) : (
|
) : (
|
||||||
<span className="val">{value}</span>
|
<span className="val">{value}</span>
|
||||||
|
|||||||
@@ -230,7 +230,7 @@ default_run_command: vllm serve {{model_path}} --port {{port}} --host {{worker_i
|
|||||||
version_configs:
|
version_configs:
|
||||||
v0.11.0:
|
v0.11.0:
|
||||||
image_name: lm/vllm:latest
|
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"
|
entrypoint: "/bin/sh -c"
|
||||||
custom_framework: cuda
|
custom_framework: cuda
|
||||||
v0.10.0:
|
v0.10.0:
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
import IconFont from '@/components/icon-font';
|
import IconFont from '@/components/icon-font';
|
||||||
import Card from '@/components/templates/card';
|
import Card from '@/components/templates/card';
|
||||||
import { useIntl } from '@umijs/max';
|
import { useIntl } from '@umijs/max';
|
||||||
|
import { Tooltip } from 'antd';
|
||||||
import React, { useMemo } from 'react';
|
import React, { useMemo } from 'react';
|
||||||
import styled from 'styled-components';
|
import styled from 'styled-components';
|
||||||
import { ProviderType } from '../config';
|
import { ProviderType } from '../config';
|
||||||
@@ -59,6 +60,11 @@ const Header = styled.div`
|
|||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
const CardBox = styled.div`
|
||||||
|
display: flex;
|
||||||
|
overflow: hidden;
|
||||||
|
`;
|
||||||
|
|
||||||
interface ProviderCatalogProps {
|
interface ProviderCatalogProps {
|
||||||
onSelect?: (provider: string, item: any) => void;
|
onSelect?: (provider: string, item: any) => void;
|
||||||
groupIcons?: Record<string, string>;
|
groupIcons?: Record<string, string>;
|
||||||
@@ -66,6 +72,7 @@ interface ProviderCatalogProps {
|
|||||||
current?: ProviderType | string;
|
current?: ProviderType | string;
|
||||||
clickable?: boolean;
|
clickable?: boolean;
|
||||||
height: string | number;
|
height: string | number;
|
||||||
|
showTooltip?: boolean;
|
||||||
dataList: {
|
dataList: {
|
||||||
label: string;
|
label: string;
|
||||||
key: string;
|
key: string;
|
||||||
@@ -84,7 +91,8 @@ const ProviderCatalog: React.FC<ProviderCatalogProps> = ({
|
|||||||
dataList,
|
dataList,
|
||||||
clickable,
|
clickable,
|
||||||
height,
|
height,
|
||||||
current
|
current,
|
||||||
|
showTooltip = false
|
||||||
}) => {
|
}) => {
|
||||||
const intl = useIntl();
|
const intl = useIntl();
|
||||||
|
|
||||||
@@ -134,16 +142,22 @@ const ProviderCatalog: React.FC<ProviderCatalogProps> = ({
|
|||||||
)}
|
)}
|
||||||
<Wrapper $cols={cols}>
|
<Wrapper $cols={cols}>
|
||||||
{items?.map((action) => (
|
{items?.map((action) => (
|
||||||
<Card
|
<Tooltip
|
||||||
height={height}
|
title={showTooltip ? action.label : false}
|
||||||
key={action.key}
|
key={action.key}
|
||||||
onClick={() => onSelect?.(action.key as string, action)}
|
>
|
||||||
active={current === action.key}
|
<CardBox>
|
||||||
disabled={action.disabled}
|
<Card
|
||||||
clickable={clickable}
|
height={height}
|
||||||
header={renderTitle(action)}
|
onClick={() => onSelect?.(action.key as string, action)}
|
||||||
icon={action.icon}
|
active={current === action.key}
|
||||||
></Card>
|
disabled={action.disabled}
|
||||||
|
clickable={clickable}
|
||||||
|
header={renderTitle(action)}
|
||||||
|
icon={action.icon}
|
||||||
|
></Card>
|
||||||
|
</CardBox>
|
||||||
|
</Tooltip>
|
||||||
))}
|
))}
|
||||||
</Wrapper>
|
</Wrapper>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -5,7 +5,8 @@ import iluvatarWEBP from '@/assets/logo/Iluvatar.png';
|
|||||||
import metaxLogo from '@/assets/logo/metax.png';
|
import metaxLogo from '@/assets/logo/metax.png';
|
||||||
import mooreLogo from '@/assets/logo/moore-logo.png';
|
import mooreLogo from '@/assets/logo/moore-logo.png';
|
||||||
import nvidiaLogo from '@/assets/logo/nvidia.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 IconFont from '@/components/icon-font';
|
||||||
import useUserSettings from '@/hooks/use-user-settings';
|
import useUserSettings from '@/hooks/use-user-settings';
|
||||||
import {
|
import {
|
||||||
@@ -190,7 +191,12 @@ const SupportedHardware: React.FC<SupportedHardwareProps> = ({
|
|||||||
locale: false,
|
locale: false,
|
||||||
link: 'https://docs.gpustack.ai/latest/installation/requirements/#thead-gpu',
|
link: 'https://docs.gpustack.ai/latest/installation/requirements/#thead-gpu',
|
||||||
notes: AddWorkerDockerNotes[GPUDriverMap.THEAD],
|
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}
|
current={current}
|
||||||
dataList={supportedHardPlatforms}
|
dataList={supportedHardPlatforms}
|
||||||
clickable={clickable}
|
clickable={clickable}
|
||||||
|
showTooltip={true}
|
||||||
cols={5}
|
cols={5}
|
||||||
/>
|
/>
|
||||||
</Box>
|
</Box>
|
||||||
|
|||||||
Reference in New Issue
Block a user