FE things

packages/scripts/dev.all.ts

@@ -39,3 +39,9 @@ process.on("SIGINT", () => {
   process.exit()
 })
 
+process.on("SIGTERM", () => {
+  console.info("SIGTERM signal received... quitting all processes")
+  procs.forEach(proc => proc.kill())
+  process.exit()
+})
+

packages/web/app/components/Input.tsx

@@ -0,0 +1,13 @@
+import {TextField, Label, Input as RAInput} from 'react-aria-components';
+
+export default function InputComponent({label, name, type, value, onChange}: InputProps) {
+  return (
+  <TextField>
+  <Label>Email</Label>
+  <RAInput type='email'
+  className="px-2 py-1 border border-gray-200 rounded-md"
+  />
+</TextField>
+)
+}
+

packages/web/app/root.tsx

@@ -8,9 +8,11 @@ import {
   Scripts,
   ScrollRestoration,
 } from "@remix-run/react";
+import styles from "./tailwind.css";
 
 export const links: LinksFunction = () => [
   ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []),
+  { rel: "stylesheet", href: styles },
 ];
 
 export default function App() {

packages/web/app/routes/login.tsx

@@ -0,0 +1,14 @@
+import { Form } from "@remix-run/react";
+import Input from "~/components/Input";
+
+export default function Login() {
+  return (
+      <div className="h-full flex">
+      <div className="m-auto">
+      <Form method="post">
+      <Input />
+      </Form>
+      </div>
+      </div>
+      )
+}

packages/web/app/tailwind.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;