mirror of
				https://github.com/beilunyang/moemail.git
				synced 2025-10-31 18:52:36 +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
	 beilunyang
					beilunyang