mirror of
https://github.com/CherryHQ/cherry-studio.git
synced 2026-01-10 07:19:02 +08:00
refactor: improve style for ManageModelList and Tooltips (#9227)
* refactor(ManageModelsPopup): remove margin of Empty * chore: use destroyOnHidden rather than deprecated destroyTooltipOnHide * refactor: center Empty
This commit is contained in:
parent
72d0fea3a1
commit
e2e8ded2c0
@ -130,7 +130,7 @@ const ApiKeyItem: FC<ApiKeyItemProps> = ({
|
|||||||
mouseEnterDelay={0.5}
|
mouseEnterDelay={0.5}
|
||||||
placement="top"
|
placement="top"
|
||||||
// 确保不留下明文
|
// 确保不留下明文
|
||||||
destroyTooltipOnHide>
|
destroyOnHidden>
|
||||||
<span style={{ cursor: 'help' }}>{maskApiKey(keyStatus.key)}</span>
|
<span style={{ cursor: 'help' }}>{maskApiKey(keyStatus.key)}</span>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
|
|
||||||
|
|||||||
@ -142,7 +142,7 @@ const CustomNode: FC<{ data: any }> = ({ data }) => {
|
|||||||
color="rgba(0, 0, 0, 0.85)"
|
color="rgba(0, 0, 0, 0.85)"
|
||||||
mouseEnterDelay={0.3}
|
mouseEnterDelay={0.3}
|
||||||
mouseLeaveDelay={0.1}
|
mouseLeaveDelay={0.1}
|
||||||
destroyTooltipOnHide>
|
destroyOnHidden>
|
||||||
<CustomNodeContainer
|
<CustomNodeContainer
|
||||||
style={{
|
style={{
|
||||||
borderColor,
|
borderColor,
|
||||||
|
|||||||
@ -241,7 +241,7 @@ const MessageGroup = ({ messages, topic, registerMessageElement }: Props) => {
|
|||||||
return (
|
return (
|
||||||
<Popover
|
<Popover
|
||||||
key={message.id}
|
key={message.id}
|
||||||
destroyTooltipOnHide
|
destroyOnHidden
|
||||||
content={
|
content={
|
||||||
<MessageWrapper
|
<MessageWrapper
|
||||||
className={classNames([
|
className={classNames([
|
||||||
|
|||||||
@ -109,7 +109,7 @@ const ManageModelsList: React.FC<ManageModelsListProps> = ({ modelGroups, provid
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Tooltip
|
<Tooltip
|
||||||
destroyTooltipOnHide
|
destroyOnHidden
|
||||||
title={
|
title={
|
||||||
isAllInProvider
|
isAllInProvider
|
||||||
? t('settings.models.manage.remove_whole_group')
|
? t('settings.models.manage.remove_whole_group')
|
||||||
|
|||||||
@ -336,7 +336,14 @@ const PopupContainer: React.FC<Props> = ({ providerId, resolve }) => {
|
|||||||
<Empty
|
<Empty
|
||||||
image={Empty.PRESENTED_IMAGE_SIMPLE}
|
image={Empty.PRESENTED_IMAGE_SIMPLE}
|
||||||
description={t('settings.models.empty')}
|
description={t('settings.models.empty')}
|
||||||
style={{ visibility: loadingModels ? 'hidden' : 'visible' }}
|
style={{
|
||||||
|
visibility: loadingModels ? 'hidden' : 'visible',
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'center',
|
||||||
|
alignItems: 'center',
|
||||||
|
height: '100%',
|
||||||
|
margin: '0'
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<ManageModelsList
|
<ManageModelsList
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user