Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

more

Browse source
This commit is contained in:
Simon Knott 2025-02-13 10:58:10 +01:00
parent 6e910d93c3
commit a3f29848cc
No known key found for this signature in database
GPG key ID: 8CEDC00028084AEC
2 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
packages/trace-viewer/src/ui/aiConversation.css
View file

@ -26,6 +26,9 @@
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
padding: 16px; padding: 16px;
display: flex;
flex-direction: column;
gap: 16px; gap: 16px;
} }
@ -41,8 +44,8 @@
} }
.message-icon { .message-icon {
width: 28px; width: 32px;
height: 28px; height: 32px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -53,12 +56,12 @@
.message-content { .message-content {
background-color: var(--vscode-titleBar-inactiveBackground); background-color: var(--vscode-titleBar-inactiveBackground);
color: var(--vscode-titleBar-activeForeground); color: var(--vscode-titleBar-activeForeground);
padding: 1px 8px; padding: 2px 8px;
margin-bottom: 16px;
} }
.message-content pre { .message-content pre {
text-wrap: auto; text-wrap: auto;
overflow-wrap: anywhere;
} }
.user-message .message-content { .user-message .message-content {
@ -70,7 +73,7 @@
position: sticky; position: sticky;
bottom: 0; bottom: 0;
display: flex; display: flex;
height: 50px; height: 64px;
gap: 8px; gap: 8px;
padding: 10px; padding: 10px;
background-color: var(--vscode-sideBar-background); background-color: var(--vscode-sideBar-background);

2
packages/trace-viewer/src/ui/errorsTab.tsx
View file

@ -129,7 +129,7 @@ function Error({ message, error, wallTime, sdkLanguage, pageSnapshot, revealInSo
</div>} </div>}
<span style={{ position: 'absolute', right: '5px' }}> <span style={{ position: 'absolute', right: '5px' }}>
{llmAvailable {llmAvailable
? <ToolbarButton onClick={() => setShowLLM(v => !v)} title="Fix with AI" className='copy-to-clipboard-text-button'>{showLLM ? 'Hide AI' : 'Fix with AI'}</ToolbarButton> ? <ToolbarButton onClick={() => setShowLLM(v => !v)} style={{ width: "96px", justifyContent: 'center' }} title="Fix with AI" className='copy-to-clipboard-text-button'>{showLLM ? 'Hide AI' : 'Fix with AI'}</ToolbarButton>
: <CopyPromptButton error={message} pageSnapshot={pageSnapshot} diff={diff} />} : <CopyPromptButton error={message} pageSnapshot={pageSnapshot} diff={diff} />}
</span> </span>
</div> </div>