Merge pull request academicpages#25 from hemik000/feat/academicpages#24

JiYuanFeng · Dec 31, 2023 · 62141e5 · 62141e5
2 parents 451837b + a2594a0
commit 62141e5
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/components/command-menu.tsx b/src/components/command-menu.tsx
@@ -11,6 +11,8 @@ import {
   CommandList,
   CommandSeparator,
 } from "@/components/ui/command";
+import { Button } from "./ui/button";
+import { CommandIcon } from "lucide-react";
 
 interface Props {
   links: { url: string; title: string }[];
@@ -33,13 +35,21 @@ export const CommandMenu = ({ links }: Props) => {
 
   return (
     <>
-      <p className="fixed bottom-0 left-0 right-0 border-t border-t-muted bg-white p-1 text-center text-sm text-muted-foreground print:hidden">
+      <p className="fixed bottom-0 left-0 right-0 hidden border-t border-t-muted bg-white p-1 text-center text-sm text-muted-foreground print:hidden xl:block">
         Press{" "}
         <kbd className="pointer-events-none inline-flex h-5 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>J
         </kbd>{" "}
         to open the command menu
       </p>
+      <Button
+        onClick={() => setOpen((open) => !open)}
+        variant="outline"
+        size="icon"
+        className="fixed bottom-4 right-4 flex rounded-full shadow-2xl print:hidden xl:hidden"
+      >
+        <CommandIcon className="my-6 h-6 w-6" />
+      </Button>
       <CommandDialog open={open} onOpenChange={setOpen}>
         <CommandInput placeholder="Type a command or search..." />
         <CommandList>