chris/calque
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

implemented a quick and dirty command palette

Browse source
This commit is contained in:
Chris Kruining 2024-10-22 13:57:49 +02:00
parent a6fc5720d4
commit e363ee1844
No known key found for this signature in database
GPG key ID: EB894A3560CCCAD2
4 changed files with 302 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/features/menu/index.module.css
View file

@ -55,4 +55,48 @@
:popover-open + .item {
background-color: var(--surface-4);
}
.commandPalette {
display: none;
background-color: var(--surface-1);
color: var(--text-1);
gap: var(--padding-m);
padding: var(--padding-l);
border: 1px solid var(--surface-3);
&[open] {
display: grid;
}
&::backdrop {
background-color: color(from var(--surface-1) xyz x y z / .2);
backdrop-filter: blur(.25em);
pointer-events: all !important;
}
}
.search {
display: grid;
gap: var(--padding-m);
& > input {
background-color: var(--surface-2);
color: var(--text-1);
border: none;
padding: var(--padding-m);
}
& > output {
display: contents;
color: var(--text-2);
& > .selected {
background-color: color(from var(--info) xyz x y z / .5);
}
& b {
color: var(--text-1);
}
}
}