FEATURE: Use full width for result view

Sebobo · Sep 17, 2024 · af027e4 · af027e4
1 parent 7f2ed9f
commit af027e4
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 5 deletions.
diff --git a/packages/commandbar/src/components/CommandBarDialog/CommandBarDialog.module.css b/packages/commandbar/src/components/CommandBarDialog/CommandBarDialog.module.css
@@ -68,6 +68,3 @@
     opacity: 1;
     padding: 0.5rem;
 }
-.resultsWrap.split {
-    grid-template-columns: 1fr 1fr;
-}
diff --git a/packages/commandbar/src/components/CommandBarDialog/CommandBarDialog.tsx b/packages/commandbar/src/components/CommandBarDialog/CommandBarDialog.tsx
@@ -128,10 +128,9 @@ const CommandBarDialog: React.FC<CommandBarDialogProps> = ({ onDrag, open, toggl
                     className={classnames(
                         styles.resultsWrap,
                         expanded.value && styles.expanded,
-                        result.value && styles.split
                     )}
                 >
-                    {expanded.value && <CommandList />}
+                    {expanded.value && !result.value && <CommandList />}
                     {result.value && <CommandResultsView />}
                 </div>
                 <CommandBarFooter />