fix: kbd cls and set home scope in shortcuts guideline

Signed-off-by: Innei <i@innei.in>
RSSNext · Sep 12, 2024 · d9999a3 · d9999a3
1 parent db2cd99
commit d9999a3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/renderer/src/components/ui/kbd/Kbd.tsx b/src/renderer/src/components/ui/kbd/Kbd.tsx
@@ -157,7 +157,7 @@ export const Kbd: FC<{ children: string; className?: string }> = memo(({ childre
     <button type="button" onClick={handleClick}>
       <kbd
         className={cn(
-          "kbd h-5 space-x-1 text-[0.7rem]",
+          "kbd box-border h-5 space-x-1 text-[0.7rem]",
 
           isKeyPressed ? "" : "border-b-2",
           className,

diff --git a/src/renderer/src/modules/modal/shortcuts.tsx b/src/renderer/src/modules/modal/shortcuts.tsx
@@ -5,15 +5,21 @@ import { useCurrentModal, useModalStack } from "@renderer/components/ui/modal"
 import { NoopChildren } from "@renderer/components/ui/modal/stacked/utils"
 import { ScrollArea } from "@renderer/components/ui/scroll-area"
 import { shortcuts } from "@renderer/constants/shortcuts"
+import { useSwitchHotKeyScope } from "@renderer/hooks/common"
 import { cn } from "@renderer/lib/utils"
 import clsx from "clsx"
 import { m, useDragControls } from "framer-motion"
-import { useCallback } from "react"
+import { useCallback, useEffect } from "react"
 
 const ShortcutModalContent = () => {
   const { dismiss } = useCurrentModal()
   const modalOverlay = useUISettingKey("modalOverlay")
   const dragControls = useDragControls()
+
+  const switchScope = useSwitchHotKeyScope()
+  useEffect(() => {
+    switchScope("Home")
+  }, [])
   return (
     <m.div
       drag