Cmd Palette Improvements (#50)

- Fuzzy matching
- Show hotkeys
- Add actions

src-web/components/core/Dialog.tsx

@@ -54,7 +54,7 @@ export function Dialog({
     <Overlay open={open} onClose={onClose} portalName="dialog">
       <div
         className={classNames(
-          'x-theme-dialog absolute inset-0 flex flex-col items-center pointer-events-none my-5',
+          'x-theme-dialog absolute inset-0 flex flex-col items-center pointer-events-none',
           vAlign === 'top' && 'justify-start',
           vAlign === 'center' && 'justify-center',
         )}
@@ -74,12 +74,12 @@ export function Dialog({
               'relative bg-background pointer-events-auto',
               'rounded-lg',
               'border border-background-highlight-secondary shadow-lg shadow-[rgba(0,0,0,0.1)]',
-              'max-w-[calc(100vw-5rem)] max-h-[calc(100vh-6rem)]',
+              'max-w-[calc(100vw-5rem)] max-h-[calc(100vh-4rem)]',
               size === 'sm' && 'w-[28rem] max-h-[80vh]',
               size === 'md' && 'w-[45rem] max-h-[80vh]',
               size === 'lg' && 'w-[65rem] max-h-[80vh]',
               size === 'full' && 'w-[100vw] h-[100vh]',
-              size === 'dynamic' && 'min-w-[20rem] max-w-[80vw] max-h-[80vh]',
+              size === 'dynamic' && 'min-w-[20rem] max-w-[100vw] w-full mt-8',
             )}
           >
             {title ? (