hugo/bDS2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: fixes to rendering in the AI chat

Browse Source
This commit is contained in:
Chili Palmer
2026-05-28 11:21:03 +02:00
parent 721b1ae626
commit b09b14cc03
4 changed files with 53 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
.claude/launch.json Normal file
View File

@@ -0,0 +1,11 @@
{
"version": "0.0.1",
"configurations": [
{
"name": "phoenix",
"runtimeExecutable": "mix",
"runtimeArgs": ["phx.server"],
"port": 4000
}
]
}

8
.claude/settings.local.json
View File

@@ -9,7 +9,13 @@
"Bash(git push *)",
"Bash(git -C /Users/gb/Projects/bDS2 status)",
"Bash(git status *)",
"Bash(mix assets.deploy)"
"Bash(mix assets.deploy)",
"Bash(mix phx.server)",
"mcp__Claude_Preview__preview_start",
"mcp__Claude_in_Chrome__navigate",
"mcp__Claude_in_Chrome__computer",
"mcp__Claude_in_Chrome__browser_batch",
"mcp__Claude_in_Chrome__javascript_tool"
]
}
}

29
assets/css/assistant.css
View File

@@ -86,10 +86,11 @@
.chat-message {
display: flex;
max-width: 100%;
margin-bottom: 16px;
}
.chat-message.user {
justify-content: flex-end;
flex-direction: row-reverse;
}
.chat-message-content {
@@ -102,10 +103,11 @@
}
.chat-panel .chat-message.user .chat-message-content {
background: transparent;
color: var(--vscode-list-activeSelectionForeground);
border: 0;
padding: 6px 12px;
background: var(--vscode-button-background, var(--accent-color, #007acc));
color: var(--vscode-button-foreground, var(--vscode-list-activeSelectionForeground, #ffffff));
border: 1px solid var(--vscode-button-background, var(--accent-color, #007acc));
border-radius: 6px;
padding: 12px 14px;
line-height: 1.35;
}
@@ -457,18 +459,18 @@
}
.chat-panel .chat-input-container {
--chat-input-line-height: 20px;
--chat-input-min-height: 20px;
--chat-input-line-height: 22px;
--chat-input-min-height: 24px;
border-top: 1px solid var(--vscode-panel-border);
padding: 8px 16px;
padding: 12px 16px;
background: var(--vscode-sideBar-background);
}
.chat-panel .chat-input-wrapper {
min-height: 30px;
min-height: 40px;
border: 1px solid var(--vscode-input-border);
border-radius: 6px;
padding: 4px 6px;
border-radius: 8px;
padding: 6px 8px;
background: var(--vscode-input-background);
}
@@ -487,11 +489,16 @@
max-height: 160px;
resize: vertical;
border: 0;
outline: none;
background: transparent;
color: var(--vscode-input-foreground);
overflow-y: hidden;
}
.chat-panel .chat-input:focus {
outline: none;
}
.chat-panel .chat-input::placeholder {
color: var(--vscode-input-placeholderForeground);
}

28
priv/static/assets/app.css
View File

@@ -3676,9 +3676,10 @@ button svg, button svg * {
.chat-message {
display: flex;
max-width: 100%;
margin-bottom: 16px;
}
.chat-message.user {
justify-content: flex-end;
flex-direction: row-reverse;
}
.chat-message-content {
max-width: min(760px, 100%);
@@ -3689,10 +3690,11 @@ button svg, button svg * {
color: var(--vscode-editor-foreground);
}
.chat-panel .chat-message.user .chat-message-content {
background: transparent;
color: var(--vscode-list-activeSelectionForeground);
border: 0;
padding: 6px 12px;
background: var(--vscode-button-background, var(--accent-color, #007acc));
color: var(--vscode-button-foreground, var(--vscode-list-activeSelectionForeground, #ffffff));
border: 1px solid var(--vscode-button-background, var(--accent-color, #007acc));
border-radius: 6px;
padding: 12px 14px;
line-height: 1.35;
}
.chat-tool-surface-table {
@@ -3970,17 +3972,17 @@ button svg, button svg * {
overflow-x: auto;
}
.chat-panel .chat-input-container {
--chat-input-line-height: 20px;
--chat-input-min-height: 20px;
--chat-input-line-height: 22px;
--chat-input-min-height: 24px;
border-top: 1px solid var(--vscode-panel-border);
padding: 8px 16px;
padding: 12px 16px;
background: var(--vscode-sideBar-background);
}
.chat-panel .chat-input-wrapper {
min-height: 30px;
min-height: 40px;
border: 1px solid var(--vscode-input-border);
border-radius: 6px;
padding: 4px 6px;
border-radius: 8px;
padding: 6px 8px;
background: var(--vscode-input-background);
}
.chat-panel .chat-input-wrapper:focus-within {
@@ -3997,10 +3999,14 @@ button svg, button svg * {
max-height: 160px;
resize: vertical;
border: 0;
outline: none;
background: transparent;
color: var(--vscode-input-foreground);
overflow-y: hidden;
}
.chat-panel .chat-input:focus {
outline: none;
}
.chat-panel .chat-input::placeholder {
color: var(--vscode-input-placeholderForeground);
}