feat: add platform-specific keyboard shortcut display

This commit is contained in:
hamster1963 2025-02-13 11:32:11 +08:00
parent 0e184cafbb
commit 296b15a7d4

View File

@ -5,6 +5,7 @@ import { useTranslation } from "react-i18next"
const Footer: React.FC = () => { const Footer: React.FC = () => {
const { t } = useTranslation() const { t } = useTranslation()
const isMac = /macintosh|mac os x/i.test(navigator.userAgent)
const { data: settingData } = useQuery({ const { data: settingData } = useQuery({
queryKey: ["setting"], queryKey: ["setting"],
@ -27,7 +28,7 @@ const Footer: React.FC = () => {
<div className="server-footer-theme flex flex-col items-center sm:items-end"> <div className="server-footer-theme flex flex-col items-center sm:items-end">
<p className="mt-1 text-[13px] font-light tracking-tight text-neutral-600/50 dark:text-neutral-300/50"> <p className="mt-1 text-[13px] font-light tracking-tight text-neutral-600/50 dark:text-neutral-300/50">
<kbd className="pointer-events-none mx-1 inline-flex h-4 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100"> <kbd className="pointer-events-none mx-1 inline-flex h-4 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100">
<span className="text-xs"></span>K {isMac ? <span className="text-xs"></span> : "Ctrl "}K
</kbd> </kbd>
</p> </p>
<section> <section>