d8dfun/claude-code-chat
1
0
Fork 0
mirror of https://github.com/andrepimenta/claude-code-chat.git synced 2025-12-15 13:39:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

permission button ui

Browse Source
This commit is contained in:
andrepimenta
2025-07-08 23:32:55 +01:00
parent 44166defce
commit 0b98538903
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/ui-styles.ts
View File

@@ -127,6 +127,7 @@ const styles = `
} }
.permission-buttons { .permission-buttons {
margin-top: 2px;
display: flex; display: flex;
gap: 8px; gap: 8px;
justify-content: flex-end; justify-content: flex-end;
@@ -138,11 +139,16 @@ const styles = `
padding: 6px 12px; padding: 6px 12px;
min-width: 70px; min-width: 70px;
text-align: center; text-align: center;
display: inline-block; display: inline-flex;
align-items: center;
justify-content: center;
height: 28px;
border-radius: 4px; border-radius: 4px;
border: 1px solid; border: 1px solid;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
white-space: nowrap;
box-sizing: border-box;
} }
.permission-buttons .btn.allow { .permission-buttons .btn.allow {
@@ -173,6 +179,7 @@ const styles = `
font-weight: 500; font-weight: 500;
min-width: auto; min-width: auto;
padding: 6px 14px; padding: 6px 14px;
height: 28px;
} }
.permission-buttons .btn.always-allow:hover { .permission-buttons .btn.always-allow:hover {
@@ -189,6 +196,9 @@ const styles = `
font-size: 11px; font-size: 11px;
color: var(--vscode-editor-foreground); color: var(--vscode-editor-foreground);
margin-left: 4px; margin-left: 4px;
display: inline;
line-height: 1;
vertical-align: baseline;
} }
.permission-decision { .permission-decision {

2
src/ui.ts
View File

@@ -1993,9 +1993,9 @@ const html = `<!DOCTYPE html>
<div class="permission-content"> <div class="permission-content">
<p>Allow <strong>\${toolName}</strong> to execute the tool call above?</p> <p>Allow <strong>\${toolName}</strong> to execute the tool call above?</p>
<div class="permission-buttons"> <div class="permission-buttons">
<button class="btn allow" onclick="respondToPermission('\${data.id}', true)">Allow</button>
<button class="btn deny" onclick="respondToPermission('\${data.id}', false)">Deny</button> <button class="btn deny" onclick="respondToPermission('\${data.id}', false)">Deny</button>
<button class="btn always-allow" onclick="respondToPermission('\${data.id}', true, true)" \${alwaysAllowTooltip}>\${alwaysAllowText}</button> <button class="btn always-allow" onclick="respondToPermission('\${data.id}', true, true)" \${alwaysAllowTooltip}>\${alwaysAllowText}</button>
<button class="btn allow" onclick="respondToPermission('\${data.id}', true)">Allow</button>
</div> </div>
</div> </div>
\`; \`;