initial commit

2025-12-18 19:56:59 +00:00 · 2023-06-22 12:45:31 -04:00
commit 8fa91332fa
29 changed files with 5669 additions and 0 deletions
--- a/client/app/favicon.ico
+++ b/client/app/favicon.ico
--- a/client/app/globals.css
+++ b/client/app/globals.css
@@ -0,0 +1,8 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+html,
+body {
+  background: transparent;
+}
--- a/client/app/layout.tsx
+++ b/client/app/layout.tsx
@@ -0,0 +1,38 @@
+import { Metadata } from 'next'
+
+import '@/app/globals.css'
+
+export const metadata: Metadata = {
+  title: {
+    default: 'Keypair',
+    template: `%s - Keypair`,
+  },
+  themeColor: [
+    { media: '(prefers-color-scheme: light)', color: 'white' },
+    { media: '(prefers-color-scheme: dark)', color: 'black' },
+  ],
+  icons: {
+    icon: '/favicon.ico',
+    shortcut: '/favicon-16x16.png',
+    apple: '/apple-touch-icon.png',
+  },
+}
+
+interface RootLayoutProps {
+  children: React.ReactNode
+}
+
+export default function RootLayout({ children }: RootLayoutProps) {
+  return (
+    <html lang='en' suppressHydrationWarning>
+      <head />
+      <body className='font-sans antialiased min-h-screen flex'>
+        <aside className='w-52 flex-none'></aside>
+        <section className='flex-1 bg-white border-l border-gray-300'>
+          <header className='sticky top-0 z-50 flex h-16 w-full shrink-0 items-center justify-between px-4 backdrop-blur-xl'></header>
+          <section className='flex flex-col flex-1'>{children}</section>
+        </section>
+      </body>
+    </html>
+  )
+}
--- a/client/app/page.tsx
+++ b/client/app/page.tsx
@@ -0,0 +1,21 @@
+'use client'
+
+export default function Home() {
+  return (
+    <div className='flex min-h-screen flex-col items-center justify-between p-24'>
+      hello
+      <textarea
+        autoFocus
+        rows={1}
+        className='w-full border border-gray-200 rounded-xl px-5 py-3.5 resize-none text-[15px] shadow-lg shadow-black/5 block mx-4 focus:outline-none'
+        onKeyDownCapture={e => {
+          if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault() // Prevents the newline character from being inserted
+            // Perform your desired action here, such as submitting the form or handling the entered text
+            console.log('Enter key pressed!')
+          }
+        }}
+      ></textarea>
+    </div>
+  )
+}