feishin/src/renderer/features/search/components/command.css
Jeff c1330d92b2
Migrate to Mantine v8 and Design Changes (#961)
* mantine v8 migration

* various design changes and improvements
2025-06-24 00:04:36 -07:00

44 lines
921 B
CSS

input[cmdk-input] {
width: 100%;
font-size: var(--theme-font-size-md);
border: none;
border-radius: var(--theme-radius-sm);
}
[cmdk-group-heading] {
margin: var(--theme-spacing-md) 0;
font-size: var(--theme-font-size-sm);
opacity: 0.8;
}
[cmdk-group-items] {
display: flex;
flex-direction: column;
gap: var(--theme-spacing-xs);
}
[cmdk-item] {
display: flex;
gap: var(--theme-spacing-sm);
align-items: center;
padding: var(--theme-spacing-sm);
font-size: var(--theme-font-size-md);
color: var(--theme-colors-foreground);
cursor: pointer;
border-radius: var(--theme-radius-sm);
svg {
width: 1.2rem;
height: 1.2rem;
}
&[data-selected] {
background: var(--theme-colors-surface);
}
}
[cmdk-separator] {
height: 1px;
margin: 0 0 var(--theme-spacing-sm);
background: var(--theme-colors-border);
}