diff options
Diffstat (limited to 'communities/red-right-hand/174bg.net/src')
| -rw-r--r-- | communities/red-right-hand/174bg.net/src/app/layout.js | 6 | ||||
| -rw-r--r-- | communities/red-right-hand/174bg.net/src/components/TerminalOverlay/index.js | 39 |
2 files changed, 1 insertions, 44 deletions
diff --git a/communities/red-right-hand/174bg.net/src/app/layout.js b/communities/red-right-hand/174bg.net/src/app/layout.js index ce97609..9fb4098 100644 --- a/communities/red-right-hand/174bg.net/src/app/layout.js +++ b/communities/red-right-hand/174bg.net/src/app/layout.js @@ -1,6 +1,5 @@ import { Inter, Fira_Code } from "next/font/google"; import "./globals.css"; -import TerminalOverlay from "@/components/TerminalOverlay"; const inter = Inter({ variable: "--font-inter", @@ -26,10 +25,7 @@ export default function RootLayout({ children }) { lang="en" className={`${inter.variable} ${firaCode.variable} h-full antialiased`} > - <body className="min-h-full flex flex-col"> - <TerminalOverlay /> - {children} - </body> + <body className="min-h-full flex flex-col">{children}</body> </html> ); } diff --git a/communities/red-right-hand/174bg.net/src/components/TerminalOverlay/index.js b/communities/red-right-hand/174bg.net/src/components/TerminalOverlay/index.js deleted file mode 100644 index 2d7c5da..0000000 --- a/communities/red-right-hand/174bg.net/src/components/TerminalOverlay/index.js +++ /dev/null @@ -1,39 +0,0 @@ -"use client"; - -import { useState } from "react"; -import { CommandLineIcon, XMarkIcon } from "@heroicons/react/24/solid"; - -export default function TerminalOverlay() { - const [open, setOpen] = useState(false); - - return ( - <> - <button - onClick={() => setOpen(true)} - className="fixed bottom-4 right-4 bg-gray-800 text-white p-3 rounded-full shadow-lg hover:bg-gray-700 transition-colors z-50" - title="Access the web terminal" - > - <CommandLineIcon className="h-5 w-5" /> - </button> - - {open && ( - <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/70"> - <div className="relative w-full max-w-4xl h-[80vh] bg-black rounded-lg shadow-2xl overflow-hidden"> - <button - onClick={() => setOpen(false)} - className="absolute top-2 right-2 z-10 bg-gray-800 text-white p-1 rounded hover:bg-gray-600 transition-colors" - title="Close terminal" - > - <XMarkIcon className="h-5 w-5" /> - </button> - <iframe - src="/terminal/index.html" - className="w-full h-full border-0" - title="Web Terminal" - /> - </div> - </div> - )} - </> - ); -} |
