style(vscode-ide-companion): update message components and layout styling

- Add qwen-message class to AssistantMessage container
- Update LayoutComponents styling
- Add custom timeline styles for message items
This commit is contained in:
yiliang114
2025-12-04 01:53:42 +08:00
parent e3c456a430
commit 2145b28f8b
2 changed files with 1 additions and 3 deletions

View File

@@ -7,7 +7,6 @@
import type React from 'react'; import type React from 'react';
import { MessageContent } from '../MessageContent.js'; import { MessageContent } from '../MessageContent.js';
import './AssistantMessage.css'; import './AssistantMessage.css';
import './SimpleTimeline.css';
interface AssistantMessageProps { interface AssistantMessageProps {
content: string; content: string;
@@ -56,7 +55,7 @@ export const AssistantMessage: React.FC<AssistantMessageProps> = ({
return ( return (
<div <div
className={`qwen-message message-item assistant-message-container simple-timeline-container ${getStatusClass()}`} className={`qwen-message message-item assistant-message-container ${getStatusClass()}`}
style={{ style={{
width: '100%', width: '100%',
alignItems: 'flex-start', alignItems: 'flex-start',

View File

@@ -10,7 +10,6 @@
import type React from 'react'; import type React from 'react';
import { FileLink } from '../../ui/FileLink.js'; import { FileLink } from '../../ui/FileLink.js';
import './LayoutComponents.css'; import './LayoutComponents.css';
import './SimpleTimeline.css';
/** /**
* Props for ToolCallContainer - Claude Code style layout * Props for ToolCallContainer - Claude Code style layout