Merge pull request #12 from Lostovayne/auth

fix:texts in ui elements

README.md

@@ -121,6 +121,15 @@ npm run dev
 yarn dev
 ```
 
+5. Deploy Proyect to Vercel
+
+```bash
+   npm run build && npx convex deploy
+
+   # Copied and Paste env variables
+
+```
+
 ## Project Structure
 
 ```

app/(marketing)/_components/footer.tsx

@@ -1,19 +1,19 @@
-import { Button } from "@/components/ui/button";
-import { Logo } from "./logo";
-
-const Footer = () => {
-    return (
-        <div className="flex items-center w-full p-6 bg-background z-50 dark:bg-[#1f1f1f] ">
-            <Logo />
-            <div className="md:ml-auto w-full justify-between md:justify-end flex items-center gap-x-2 text-muted-foreground ">
-                <Button variant="ghost" size="sm">
-                    Privacy Policy
-                </Button>
-                <Button variant="ghost" size="sm">
-                    Terms $ Conditions
-                </Button>
-            </div>
-        </div>
-    );
-};
-export default Footer;
+import { Button } from "@/components/ui/button";
+import { Logo } from "./logo";
+
+const Footer = () => {
+	return (
+		<div className="flex items-center w-full p-6 bg-background z-50 dark:bg-[#1f1f1f] ">
+			<Logo />
+			<div className="md:ml-auto w-full justify-between md:justify-end flex items-center gap-x-2 text-muted-foreground ">
+				<Button variant="ghost" size="sm">
+					Privacy Policy
+				</Button>
+				<Button variant="ghost" size="sm">
+					Terms & Conditions
+				</Button>
+			</div>
+		</div>
+	);
+};
+export default Footer;

app/(marketing)/_components/navbar.tsx

@@ -27,7 +27,7 @@ const Navbar = () => {
 				{!isAuthenticated && !isLoading && (
 					<>
 						<SignInButton mode={"modal"}>
-							<Button variant="ghost" size="sm">
+							<Button variant="outline" size="sm">
 								Log in
 							</Button>
 						</SignInButton>

app/(public)/layout.tsx

@@ -0,0 +1,3 @@
+export default function PublicLayout({ children }: { children: React.ReactNode }) {
+	return <div className={"h-full dark:bg-[#1f1f1f]"}>{children}</div>;
+}