Hotkey scrolling

This commit is contained in:
Gregory Schier
2025-03-19 06:48:29 -07:00
parent 0db9ebe67d
commit d478e5a12e
2 changed files with 3 additions and 3 deletions

View File

@@ -3,8 +3,8 @@ import { HotKeyList } from './core/HotKeyList';
export function KeyboardShortcutsDialog() { export function KeyboardShortcutsDialog() {
return ( return (
<div className="h-full w-full pb-2"> <div className="grid h-full">
<HotKeyList hotkeys={hotkeyActions} /> <HotKeyList hotkeys={hotkeyActions} className="pb-6" />
</div> </div>
); );
} }

View File

@@ -13,7 +13,7 @@ interface Props {
export const HotKeyList = ({ hotkeys, bottomSlot, className }: Props) => { export const HotKeyList = ({ hotkeys, bottomSlot, className }: Props) => {
return ( return (
<div className={classNames(className, 'h-full flex items-center justify-center')}> <div className={classNames(className, 'h-full flex items-center justify-center')}>
<div className="px-4 grid gap-2 grid-cols-[auto_auto]"> <div className="grid gap-2 grid-cols-[auto_auto]">
{hotkeys.map((hotkey) => ( {hotkeys.map((hotkey) => (
<Fragment key={hotkey}> <Fragment key={hotkey}>
<HotKeyLabel className="truncate" action={hotkey} /> <HotKeyLabel className="truncate" action={hotkey} />