stub login page

src/components/CreateDirButton.tsx

@@ -38,7 +38,7 @@ const CreateDirButton: React.FC<Props> = (props) => {
 					}}>
 
 					<input
-						className="bg-transparent dark:text-gray-300 outline-none mx-1 border-b"
+						className="mx-1 text-input"
 						type="text"
 						onChange={(e)=>setName(e.target.value)}
 						value={name}

src/components/FileBrowser.tsx

@@ -111,7 +111,7 @@ const FileBrowser: React.FC<RouteComponentProps> = (props) => {
 	}
 
 	return (
-		<div className="dark:text-gray-300">
+		<div>
 			<FileBrowserContextMenu
 				onSelect={onContextSelect}
 				pasteActive={!!srcID}

src/components/Login.tsx

@@ -0,0 +1,25 @@
+import React from "react"
+
+const Login: React.FC = () => {
+	return (
+		<div className="flex justify-center h-screen items-center">
+			<div>
+				<form onSubmit={(e)=>{
+					e.preventDefault()
+				}} >
+					<input type="text" placeholder="Username"
+						className="block my-2 text-input"
+						required
+					/>
+					<input type="password" placeholder="Password" 
+						className="block my-2 text-input"
+						required
+					/>
+					<button className="block my-2 w-full" >Login</button>
+				</form>
+			</div>
+		</div>
+	)
+}
+
+export default Login