fix(web): model tag
This commit is contained in:
@@ -396,3 +396,7 @@ body {
|
|||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
background-color: #171719;
|
background-color: #171719;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.spin.ant-spin-nested-loading .ant-spin-container::after {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
@@ -2,7 +2,7 @@
|
|||||||
* @Author: ZhaoYing
|
* @Author: ZhaoYing
|
||||||
* @Date: 2026-02-03 16:49:45
|
* @Date: 2026-02-03 16:49:45
|
||||||
* @Last Modified by: ZhaoYing
|
* @Last Modified by: ZhaoYing
|
||||||
* @Last Modified time: 2026-03-25 12:28:07
|
* @Last Modified time: 2026-03-27 18:06:23
|
||||||
*/
|
*/
|
||||||
/**
|
/**
|
||||||
* Model List Detail Drawer
|
* Model List Detail Drawer
|
||||||
@@ -12,7 +12,7 @@
|
|||||||
|
|
||||||
import { useState, useImperativeHandle, forwardRef, useRef, useMemo } from 'react';
|
import { useState, useImperativeHandle, forwardRef, useRef, useMemo } from 'react';
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
import { Button, Switch, Row, Col, Space, Tooltip } from 'antd'
|
import { Button, Switch, Row, Col, Space, Tooltip, Popover } from 'antd'
|
||||||
|
|
||||||
import type { ProviderModelItem, ModelListItem, ModelListDetailRef, MultiKeyConfigModalRef } from '../types';
|
import type { ProviderModelItem, ModelListItem, ModelListDetailRef, MultiKeyConfigModalRef } from '../types';
|
||||||
import RbDrawer from '@/components/RbDrawer';
|
import RbDrawer from '@/components/RbDrawer';
|
||||||
@@ -136,11 +136,19 @@ const ModelListDetail = forwardRef<ModelListDetailRef, ModelListDetailProps>(({
|
|||||||
<RbCard
|
<RbCard
|
||||||
key={item.id}
|
key={item.id}
|
||||||
title={item.name}
|
title={item.name}
|
||||||
subTitle={<Space size={8} className="rb:mt-1!">
|
subTitle={
|
||||||
<Tag>{t(`modelNew.${item.type}`)}</Tag>
|
<Popover content={
|
||||||
<Tag color="warning">{item.api_keys.length}{t('modelNew.apiKeyNum')}</Tag>
|
<Space size={8} className="rb:mt-1!">
|
||||||
{item.capability?.filter(item => item !=='video').map(vo => <Tag key={vo}>{t(`modelNew.${vo}`)}</Tag>)}
|
<Tag>{t(`modelNew.${item.type}`)}</Tag>
|
||||||
</Space>}
|
<Tag color="warning">{item.api_keys.length}{t('modelNew.apiKeyNum')}</Tag>
|
||||||
|
{item.capability?.map(vo => <Tag key={vo}>{t(`modelNew.${vo}`)}</Tag>)}
|
||||||
|
</Space>}>
|
||||||
|
<Space size={8} className="rb:mt-1!">
|
||||||
|
<Tag>{t(`modelNew.${item.type}`)}</Tag>
|
||||||
|
<Tag color="warning">{item.api_keys.length}{t('modelNew.apiKeyNum')}</Tag>
|
||||||
|
{item.capability?.map(vo => <Tag key={vo}>{t(`modelNew.${vo}`)}</Tag>)}
|
||||||
|
</Space>
|
||||||
|
</Popover>}
|
||||||
avatarUrl={getLogoUrl(item.logo)}
|
avatarUrl={getLogoUrl(item.logo)}
|
||||||
avatar={
|
avatar={
|
||||||
<div className="rb:w-12 rb:h-12 rb:rounded-lg rb:mr-3.25 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[28px] rb:text-[#ffffff]">
|
<div className="rb:w-12 rb:h-12 rb:rounded-lg rb:mr-3.25 rb:bg-[#155eef] rb:flex rb:items-center rb:justify-center rb:text-[28px] rb:text-[#ffffff]">
|
||||||
|
|||||||
@@ -66,7 +66,7 @@ const CommunityNetwork: FC<{ onSelectCommunity?: (node: RawCommunityNode) => voi
|
|||||||
|
|
||||||
if (loading) {
|
if (loading) {
|
||||||
return <Flex align="center" justify="center" className="rb:w-full rb:h-full">
|
return <Flex align="center" justify="center" className="rb:w-full rb:h-full">
|
||||||
<Spin tip={t('userMemory.communityLoadingTip')} size="large" className="rb:text-[#5B6167]!">
|
<Spin tip={t('userMemory.communityLoadingTip')} size="large" className="rb:text-[#5B6167]! spin">
|
||||||
<div className="rb:w-64 rb:h-64" />
|
<div className="rb:w-64 rb:h-64" />
|
||||||
</Spin>
|
</Spin>
|
||||||
</Flex>
|
</Flex>
|
||||||
|
|||||||
Reference in New Issue
Block a user