From d027ac679cc75c82af93991ac6320b3cdd05a11a Mon Sep 17 00:00:00 2001
From: juliusmarminge <julius0216@outlook.com>
Date: Wed, 13 Sep 2023 19:38:23 +0200
Subject: [PATCH] fix styles

---
 cli/template/extras/src/app/_components/create-post.tsx | 9 +++++++--
 cli/template/extras/src/app/page/with-auth-trpc-tw.tsx  | 2 +-
 cli/template/extras/src/app/page/with-trpc-tw.tsx       | 2 +-
 cli/template/extras/src/app/page/with-tw.tsx            | 2 +-
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/cli/template/extras/src/app/_components/create-post.tsx b/cli/template/extras/src/app/_components/create-post.tsx
index 0ca3372191..f4f01c17f1 100644
--- a/cli/template/extras/src/app/_components/create-post.tsx
+++ b/cli/template/extras/src/app/_components/create-post.tsx
@@ -27,9 +27,14 @@ export function CreatePost() {
         type="text"
         name="text"
         placeholder="Title"
-        className="w-full rounded p-2"
+        className="w-full rounded-full px-4 py-2 text-black"
       />
-      <button type="submit">Submit</button>
+      <button
+        type="submit"
+        className="rounded-full bg-white/10 px-10 py-3 font-semibold transition hover:bg-white/20"
+      >
+        Submit
+      </button>
     </form>
   );
 }
diff --git a/cli/template/extras/src/app/page/with-auth-trpc-tw.tsx b/cli/template/extras/src/app/page/with-auth-trpc-tw.tsx
index 55767e0baa..665973579a 100644
--- a/cli/template/extras/src/app/page/with-auth-trpc-tw.tsx
+++ b/cli/template/extras/src/app/page/with-auth-trpc-tw.tsx
@@ -9,7 +9,7 @@ export default async function Home() {
   const session = await getServerAuthSession();
 
   return (
-    <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c]">
+    <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c] text-white">
       <div className="container flex flex-col items-center justify-center gap-12 px-4 py-16 ">
         <h1 className="text-5xl font-extrabold tracking-tight sm:text-[5rem]">
           Create <span className="text-[hsl(280,100%,70%)]">T3</span> App
diff --git a/cli/template/extras/src/app/page/with-trpc-tw.tsx b/cli/template/extras/src/app/page/with-trpc-tw.tsx
index 00ebbda49e..3c2dc5b514 100644
--- a/cli/template/extras/src/app/page/with-trpc-tw.tsx
+++ b/cli/template/extras/src/app/page/with-trpc-tw.tsx
@@ -7,7 +7,7 @@ export default async function Home() {
   const hello = await api.post.hello.query({ text: "from tRPC" });
 
   return (
-    <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c]">
+    <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c] text-white">
       <div className="container flex flex-col items-center justify-center gap-12 px-4 py-16 ">
         <h1 className="text-5xl font-extrabold tracking-tight sm:text-[5rem]">
           Create <span className="text-[hsl(280,100%,70%)]">T3</span> App
diff --git a/cli/template/extras/src/app/page/with-tw.tsx b/cli/template/extras/src/app/page/with-tw.tsx
index 6c61d01fbd..91430b2207 100644
--- a/cli/template/extras/src/app/page/with-tw.tsx
+++ b/cli/template/extras/src/app/page/with-tw.tsx
@@ -2,7 +2,7 @@ import Link from "next/link";
 
 export default function HomePage() {
   return (
-    <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c]">
+    <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c] text-white">
       <div className="container flex flex-col items-center justify-center gap-12 px-4 py-16 ">
         <h1 className="text-5xl font-extrabold tracking-tight text-white sm:text-[5rem]">
           Create <span className="text-[hsl(280,100%,70%)]">T3</span> App