starred/coolify
1
0
Fork 0
mirror of https://github.com/coollabsio/coolify.git synced 2026-11-06 13:10:37 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat(search): add settings search to the command palette (#12111)

Browse Source
This commit is contained in:
Andras Bacsai
2026-10-07 13:24:21 +02:00
committed by GitHub
parent 38861e1394
commit 522ed390ce
25 changed files with 883 additions and 281 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
+22 -25
View File
@@ -4509,7 +4509,7 @@ html[data-theme="custom"] .runtime-log-columns {
.command-palette {
display: flex;
width: 100%;
max-width: 36rem;
max-width: 42rem;
flex-direction: column;
overflow: hidden;
border-radius: 10px;
@@ -4566,47 +4566,44 @@ html[data-theme="custom"] .runtime-log-columns {
border: 0 !important;
}
.command-palette-shortcuts {
display: flex;
/* Search scope switch (Global / This page), shown on resource settings pages */
.command-palette-scope {
display: inline-flex;
flex-shrink: 0;
align-items: center;
gap: 0.375rem;
gap: 0.125rem;
padding: 0.125rem;
border-radius: 0.5rem;
border: 1px solid var(--coollabs-hairline);
}
.command-palette-kbd {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1.5rem;
.command-palette-scope-option {
height: 1.375rem;
padding: 0 0.375rem;
padding: 0 0.5rem;
border-radius: 0.375rem;
border: 1px solid transparent;
background: var(--coollabs-recessed);
color: var(--coollabs-subtle);
font-size: 0.6875rem;
font-size: 0.75rem;
font-weight: 500;
line-height: 1;
font-family: inherit;
}
.dark .command-palette-kbd {
border-color: rgb(255 255 255 / 0.05);
background: rgb(255 255 255 / 0.06);
}
button.command-palette-kbd {
white-space: nowrap;
cursor: pointer;
transition: color 0.15s ease, background 0.15s ease;
}
button.command-palette-kbd:hover {
.command-palette-scope-option:hover {
color: #171717;
}
.command-palette-scope-option[aria-pressed='true'] {
color: #171717;
background: var(--coollabs-fill);
}
.dark button.command-palette-kbd:hover {
.dark .command-palette-scope-option:hover,
.dark .command-palette-scope-option[aria-pressed='true'] {
color: var(--color-fg);
}
.dark .command-palette-scope-option[aria-pressed='true'] {
background: rgb(255 255 255 / 0.1);
}