mirror of
https://github.com/beilunyang/moemail.git
synced 2025-09-27 03:46:03 +08:00
feat: Add GitHub link float menu button
This commit is contained in:
39
app/components/float-menu.tsx
Normal file
39
app/components/float-menu.tsx
Normal 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>
|
||||||
|
)
|
||||||
|
}
|
@@ -5,6 +5,7 @@ import type { Metadata, Viewport } from "next"
|
|||||||
import { zpix } from "./fonts"
|
import { zpix } from "./fonts"
|
||||||
import "./globals.css"
|
import "./globals.css"
|
||||||
import { Providers } from "./providers"
|
import { Providers } from "./providers"
|
||||||
|
import { FloatMenu } from "@/components/float-menu"
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "MoeMail - 萌萌哒临时邮箱服务",
|
title: "MoeMail - 萌萌哒临时邮箱服务",
|
||||||
@@ -98,6 +99,7 @@ export default function RootLayout({
|
|||||||
{children}
|
{children}
|
||||||
</Providers>
|
</Providers>
|
||||||
<Toaster />
|
<Toaster />
|
||||||
|
<FloatMenu />
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Reference in New Issue
Block a user