mirror of
https://github.com/CherryHQ/cherry-studio.git
synced 2025-12-25 03:10:08 +08:00
feat: Optimize the display method for the three modes (#5938)
chore: Optimize the display method for the three modes
This commit is contained in:
parent
a90142f4b1
commit
2ae1069fc2
@ -44,7 +44,10 @@ const MessgeTokens: React.FC<MessageTokensProps> = ({ message }) => {
|
||||
<MessageMetadata className={`message-tokens ${hasMetrics ? 'has-metrics' : ''}`} onClick={locateMessage}>
|
||||
<span className="metrics">{metrixs}</span>
|
||||
<span className="tokens">
|
||||
Tokens: {message?.usage?.total_tokens} ↑{message?.usage?.prompt_tokens} ↓{message?.usage?.completion_tokens}
|
||||
Tokens:
|
||||
<span>{message?.usage?.total_tokens}</span>
|
||||
<span>↑{message?.usage?.prompt_tokens}</span>
|
||||
<span>↓{message?.usage?.completion_tokens}</span>
|
||||
</span>
|
||||
</MessageMetadata>
|
||||
)
|
||||
@ -67,6 +70,10 @@ const MessageMetadata = styled.div`
|
||||
|
||||
.tokens {
|
||||
display: block;
|
||||
|
||||
span {
|
||||
padding:0 2px;
|
||||
}
|
||||
}
|
||||
|
||||
&.has-metrics:hover {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user