Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-05 20:41:30 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat: Optimize the display method for the three modes (#5938)

Browse Source 
chore: Optimize the display method for the three modes
This commit is contained in:
dlzmoe 2025-05-13 12:21:12 +08:00 committed by GitHub
parent a90142f4b1
commit 2ae1069fc2
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/renderer/src/pages/home/Messages/MessageTokens.tsx
View File

@ -44,7 +44,10 @@ const MessgeTokens: React.FC<MessageTokensProps> = ({ message }) => {
<MessageMetadata className={`message-tokens ${hasMetrics ? 'has-metrics' : ''}`} onClick={locateMessage}> <MessageMetadata className={`message-tokens ${hasMetrics ? 'has-metrics' : ''}`} onClick={locateMessage}>
<span className="metrics">{metrixs}</span> <span className="metrics">{metrixs}</span>
<span className="tokens"> <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> </span>
</MessageMetadata> </MessageMetadata>
) )
@ -67,6 +70,10 @@ const MessageMetadata = styled.div`
.tokens { .tokens {
display: block; display: block;
span {
padding:0 2px;
}
} }
&.has-metrics:hover { &.has-metrics:hover {