abbyswag/qwen-code
1
0
Fork 0
mirror of https://github.com/QwenLM/qwen-code.git synced 2025-12-20 08:47:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(vscode-ide-companion): optimize header & message style

Browse Source
This commit is contained in:
yiliang114
2025-11-30 21:27:55 +08:00
parent 82205034cc
commit b1e74e5732
4 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/vscode-ide-companion/src/webview/App.tsx
View File

@@ -399,7 +399,7 @@ export const App: React.FC = () => {
<div <div
ref={messagesContainerRef} ref={messagesContainerRef}
className="flex-1 overflow-y-auto overflow-x-hidden pt-5 pr-5 pl-5 pb-[120px] flex flex-col relative min-w-0 focus:outline-none [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-white/20 [&::-webkit-scrollbar-thumb]:rounded-sm [&::-webkit-scrollbar-thumb:hover]:bg-white/30 [&>*]:flex [&>*]:gap-0 [&>*]:items-start [&>*]:text-left [&>*]:py-2 [&>.message-item]:px-0 [&>*]:flex-col [&>*]:relative [&>*]:animate-[fadeIn_0.2s_ease-in]" className="flex-1 overflow-y-auto overflow-x-hidden pt-5 pr-5 pl-5 pb-[120px] flex flex-col relative min-w-0 focus:outline-none [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-white/20 [&::-webkit-scrollbar-thumb]:rounded-sm [&::-webkit-scrollbar-thumb:hover]:bg-white/30 [&>*]:flex [&>*]:gap-0 [&>*]:items-start [&>*]:text-left [&>*]:py-2 [&>.message-item]:px-0 [&>.message-item]:py-0 [&>*]:flex-col [&>*]:relative [&>*]:animate-[fadeIn_0.2s_ease-in]"
style={{ backgroundColor: 'var(--app-primary-background)' }} style={{ backgroundColor: 'var(--app-primary-background)' }}
> >
{!hasContent ? ( {!hasContent ? (

4
packages/vscode-ide-companion/src/webview/components/layouts/ChatHeader.tsx
View File

@@ -29,7 +29,7 @@ export const ChatHeader: React.FC<ChatHeaderProps> = ({
onClick={onLoadSessions} onClick={onLoadSessions}
title="Past conversations" title="Past conversations"
> >
<span className="whitespace-nowrap overflow-hidden text-ellipsis min-w-0"> <span className="whitespace-nowrap overflow-hidden text-ellipsis min-w-0 mr-1">
{currentSessionTitle} {currentSessionTitle}
</span> </span>
<ChevronDownIcon className="w-4 h-4 flex-shrink-0 ml-1" /> <ChevronDownIcon className="w-4 h-4 flex-shrink-0 ml-1" />
@@ -38,7 +38,7 @@ export const ChatHeader: React.FC<ChatHeaderProps> = ({
<div className="flex-1 min-w-2"></div> <div className="flex-1 min-w-2"></div>
<button <button
className="btn-ghost btn-sm flex items-center justify-center outline-none rounded hover:bg-[var(--app-ghost-button-hover-background)] h-6 leading-6 w-6" className="btn-ghost btn-sm flex items-center justify-center outline-none rounded hover:bg-[var(--app-ghost-button-hover-background)] p-1 leading-6"
onClick={onNewSession} onClick={onNewSession}
title="New Session" title="New Session"
> >

2
packages/vscode-ide-companion/src/webview/components/messages/StreamingMessage.tsx
View File

@@ -16,7 +16,7 @@ export const StreamingMessage: React.FC<StreamingMessageProps> = ({
content, content,
onFileClick, onFileClick,
}) => ( }) => (
<div className="flex gap-0 items-start text-left py-2 flex-col relative animate-[fadeIn_0.2s_ease-in]"> <div className="flex gap-0 items-start text-left flex-col relative animate-[fadeIn_0.2s_ease-in]">
<div <div
className="inline-block my-1 relative whitespace-pre-wrap rounded-md max-w-full overflow-x-auto overflow-y-hidden select-text leading-[1.5]" className="inline-block my-1 relative whitespace-pre-wrap rounded-md max-w-full overflow-x-auto overflow-y-hidden select-text leading-[1.5]"
style={{ style={{

4
packages/vscode-ide-companion/src/webview/components/messages/UserMessage.tsx
View File

@@ -44,9 +44,9 @@ export const UserMessage: React.FC<UserMessageProps> = ({
const fileContextDisplay = getFileContextDisplay(); const fileContextDisplay = getFileContextDisplay();
return ( return (
<div className="flex gap-0 items-start text-left py-2 flex-col relative animate-[fadeIn_0.2s_ease-in]"> <div className="flex gap-0 items-start text-left flex-col relative animate-[fadeIn_0.2s_ease-in]">
<div <div
className="inline-block my-1 relative whitespace-pre-wrap rounded-md max-w-full overflow-x-auto overflow-y-hidden select-text leading-[1.5]" className="inline-block relative whitespace-pre-wrap rounded-md max-w-full overflow-x-auto overflow-y-hidden select-text leading-[1.5]"
style={{ style={{
border: '1px solid var(--app-input-border)', border: '1px solid var(--app-input-border)',
borderRadius: 'var(--corner-radius-medium)', borderRadius: 'var(--corner-radius-medium)',