Fix some more styles

This commit is contained in:
Gregory Schier
2024-08-15 05:58:09 -07:00
parent 795aaae2f5
commit 6bc697e4a7
6 changed files with 11 additions and 12 deletions

View File

@@ -392,8 +392,8 @@ export function CommandPalette({ onClose }: { onClose: () => void }) {
);
return (
<div className="h-full w-[400px] grid grid-rows-[auto_minmax(0,1fr)] overflow-hidden">
<div className="px-2 py-2 w-full">
<div className="h-full w-[400px] grid grid-rows-[auto_minmax(0,1fr)] overflow-hidden py-2">
<div className="px-2 w-full">
<PlainInput
hideLabel
leftSlot={
@@ -410,7 +410,7 @@ export function CommandPalette({ onClose }: { onClose: () => void }) {
onKeyDownCapture={handleKeyDown}
/>
</div>
<div className="h-full px-1.5 overflow-y-auto pb-1">
<div className="h-full px-1.5 overflow-y-auto pt-2 pb-1">
{filteredGroups.map((g) => (
<div key={g.key} className="mb-1.5 w-full">
<Heading size={2} className="!text-xs uppercase px-1.5 h-sm flex items-center">
@@ -459,8 +459,8 @@ function CommandPaletteItem({
justify="start"
className={classNames(
'w-full h-sm flex items-center rounded px-1.5',
'hover:text',
active && 'bg-surface-highlight-secondary text',
'hover:text-text',
active && 'bg-surface-highlight',
!active && 'text-text-subtle',
)}
>