salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: restyle command palette button

Browse Source
This commit is contained in:
Shantur Rathore
2026-02-20 00:30:00 +00:00
parent e8947d61b1
commit 5fabf286e8
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/ui/src/components/instance/instance-shell2.tsx
View File

@@ -625,7 +625,7 @@ const InstanceShell2: Component<InstanceShellProps> = (props) => {
<div class="flex flex-wrap items-center justify-center gap-1"> <div class="flex flex-wrap items-center justify-center gap-1">
<button <button
type="button" type="button"
class="connection-status-button command-palette-button px-2 py-0.5 text-xs" class="connection-status-button command-palette-button"
onClick={handleCommandPaletteClick} onClick={handleCommandPaletteClick}
aria-label={t("instanceShell.commandPalette.openAriaLabel")} aria-label={t("instanceShell.commandPalette.openAriaLabel")}
style={{ flex: "0 0 auto", width: "auto" }} style={{ flex: "0 0 auto", width: "auto" }}
@@ -721,7 +721,7 @@ const InstanceShell2: Component<InstanceShellProps> = (props) => {
<div class="session-toolbar-center flex items-center justify-center gap-2 min-w-[160px]"> <div class="session-toolbar-center flex items-center justify-center gap-2 min-w-[160px]">
<button <button
type="button" type="button"
class="connection-status-button command-palette-button px-2 py-0.5 text-xs" class="connection-status-button command-palette-button"
onClick={handleCommandPaletteClick} onClick={handleCommandPaletteClick}
aria-label={t("instanceShell.commandPalette.openAriaLabel")} aria-label={t("instanceShell.commandPalette.openAriaLabel")}
style={{ flex: "0 0 auto", width: "auto" }} style={{ flex: "0 0 auto", width: "auto" }}

8
packages/ui/src/styles/messaging/message-section.css
View File

@@ -132,13 +132,15 @@
/* Make the command palette trigger stand out in the header. */ /* Make the command palette trigger stand out in the header. */
.connection-status-button.command-palette-button { .connection-status-button.command-palette-button {
border-color: var(--accent-primary); border-radius: 0;
background-color: var(--surface-secondary); @apply text-sm px-2 py-1 border border-base transition-colors;
background-color: var(--surface-base);
color: var(--text-primary);
} }
.connection-status-button.command-palette-button:hover { .connection-status-button.command-palette-button:hover {
border-color: var(--accent-primary);
background-color: var(--surface-hover); background-color: var(--surface-hover);
color: var(--text-primary);
} }
.connection-status-button:hover { .connection-status-button:hover {