46 lines
1.1 KiB
SCSS
46 lines
1.1 KiB
SCSS
.command {
|
|
@apply bg-background/80 text-muted-foreground flex h-full w-full flex-col overflow-hidden rounded-md text-left;
|
|
|
|
&-modal-content {
|
|
@apply overflow-hidden p-0;
|
|
> .modal-close {
|
|
top: 12px;
|
|
}
|
|
}
|
|
|
|
&-input-wrapper {
|
|
@apply border-border flex items-center border-b px-3;
|
|
}
|
|
|
|
&-input {
|
|
@apply placeholder:text-muted-foreground flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50;
|
|
}
|
|
|
|
&-search-icon {
|
|
@apply mr-2 h-4 w-4 shrink-0 opacity-50;
|
|
}
|
|
|
|
&-list {
|
|
@apply max-h-[300px] overflow-y-auto overflow-x-hidden py-2;
|
|
}
|
|
|
|
&-list-item {
|
|
@apply text-foreground aria-selected:bg-primary relative flex cursor-pointer select-none items-center rounded-md px-2 py-2 text-sm outline-none;
|
|
}
|
|
|
|
&-empty {
|
|
@apply py-6 text-center text-sm;
|
|
}
|
|
|
|
&-group {
|
|
@apply text-muted-foreground overflow-hidden p-1 px-2 py-1.5 text-xs font-medium;
|
|
> [cmdk-group-heading] {
|
|
@apply mb-2 pl-2;
|
|
}
|
|
}
|
|
|
|
&-sc {
|
|
@apply text-muted-foreground ml-auto text-xs tracking-widest;
|
|
}
|
|
}
|