feat: Add GitHub link float menu button

This commit is contained in:
beilunyang
2025-02-17 23:22:39 +08:00
parent f4c7964a4d
commit 821a32aa4b
2 changed files with 41 additions and 0 deletions

View File

@@ -0,0 +1,39 @@
"use client"
import { Github } from "lucide-react"
import { Button } from "@/components/ui/button"
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/tooltip"
export function FloatMenu() {
return (
<div className="fixed bottom-6 right-6">
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="outline"
size="icon"
className="bg-white dark:bg-background rounded-full shadow-lg group relative border-primary/20"
onClick={() => window.open("https://github.com/beilunyang/moemail", "_blank")}
>
<Github
className="w-4 h-4 transition-all duration-300 text-primary group-hover:scale-110"
/>
<span className="sr-only"></span>
</Button>
</TooltipTrigger>
<TooltipContent>
<div className="text-sm">
<p></p>
</div>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
)
}

View File

@@ -5,6 +5,7 @@ import type { Metadata, Viewport } from "next"
import { zpix } from "./fonts"
import "./globals.css"
import { Providers } from "./providers"
import { FloatMenu } from "@/components/float-menu"
export const metadata: Metadata = {
title: "MoeMail - 萌萌哒临时邮箱服务",
@@ -98,6 +99,7 @@ export default function RootLayout({
{children}
</Providers>
<Toaster />
<FloatMenu />
</ThemeProvider>
</body>
</html>