salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): hide kbd hints on non-desktop

Browse Source
This commit is contained in:
Shantur Rathore
2026-02-13 10:02:15 +00:00
parent 3678214e69
commit 36baac06b8
2 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/ui/src/components/instance/shell/SessionSidebar.tsx
View File

@@ -118,14 +118,11 @@ const SessionSidebar: Component<SessionSidebarProps> = (props) => (
</Show> </Show>
</div> </div>
</div> </div>
<Show when={props.keyboardShortcuts().length}> <div class="session-sidebar-shortcuts">
<KeyboardHint <Show when={props.keyboardShortcuts().length}>
class="session-sidebar-shortcuts" <KeyboardHint shortcuts={props.keyboardShortcuts()} separator=" " showDescription={false} />
shortcuts={props.keyboardShortcuts()} </Show>
separator=" " </div>
showDescription={false}
/>
</Show>
</div> </div>
<div class="session-sidebar flex flex-col flex-1 min-h-0"> <div class="session-sidebar flex flex-col flex-1 min-h-0">

4
packages/ui/src/components/kbd.tsx
View File

@@ -1,4 +1,5 @@
import { Component, JSX, For } from "solid-js" import { Component, JSX, For } from "solid-js"
import useMediaQuery from "@suid/material/useMediaQuery"
import { isMac } from "../lib/keyboard-utils" import { isMac } from "../lib/keyboard-utils"
interface KbdProps { interface KbdProps {
@@ -27,6 +28,9 @@ const SPECIAL_KEY_LABELS: Record<string, string> = {
} }
const Kbd: Component<KbdProps> = (props) => { const Kbd: Component<KbdProps> = (props) => {
const desktopQuery = useMediaQuery("(min-width: 1280px)")
if (!desktopQuery()) return null
const parts = () => { const parts = () => {
if (props.children) return [{ text: props.children, isModifier: false }] if (props.children) return [{ text: props.children, isModifier: false }]
if (!props.shortcut) return [] if (!props.shortcut) return []