From 8205f8c207f0b4f1dcd3b7257024c8186b7e60df Mon Sep 17 00:00:00 2001
From: smolgrrr <smolgrrr@protonmail.com>
Date: Thu, 14 Sep 2023 23:44:13 +1000
Subject: [PATCH] UI blue/cyan

---
 client/src/components/Header/Header.tsx       | 10 ++--
 client/src/components/Home.tsx                |  2 +-
 .../src/components/PostCard/CardContainer.tsx |  2 +-
 .../src/components/PostCard/NewThreadCard.tsx | 54 ++++++++++---------
 4 files changed, 38 insertions(+), 30 deletions(-)

diff --git a/client/src/components/Header/Header.tsx b/client/src/components/Header/Header.tsx
index f8f77a6..1120ada 100644
--- a/client/src/components/Header/Header.tsx
+++ b/client/src/components/Header/Header.tsx
@@ -2,10 +2,12 @@ import { CogIcon } from '@heroicons/react/24/outline';
 
 export default function Header() {
     return (
-        <footer className="fixed bottom-0 z-20 w-full bg-gray-900 shadow-lg shadow-black">
-                <label tabIndex={0} className="btn-ghost btn-circle btn">
-                    <CogIcon className="h-24 w-24 text-white right-0" />
-                </label>
+        <footer className="fixed bottom-0 z-20 w-full bg-gradient-to-r from-blue-900 to-cyan-500 shadow-lg shadow-black">
+            <div className="flex justify-end items-center h-14"> {/* Adjust height as needed */}
+                <button tabIndex={0} className="p-4">
+                    <CogIcon className="h-12 w-12 text-transperant" />
+                </button>
+            </div>
         </footer>
     );
 }
\ No newline at end of file
diff --git a/client/src/components/Home.tsx b/client/src/components/Home.tsx
index 83a329c..29be5ba 100644
--- a/client/src/components/Home.tsx
+++ b/client/src/components/Home.tsx
@@ -43,7 +43,7 @@ const Home = () => {
 
   return (
     <>
-    <main className="bg-gray-950 text-white min-h-screen">
+    <main className="bg-black text-white min-h-screen">
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 p-4">
         <NewThreadCard />
         {events.map((event, index) => (
diff --git a/client/src/components/PostCard/CardContainer.tsx b/client/src/components/PostCard/CardContainer.tsx
index 4f71473..cc0467b 100644
--- a/client/src/components/PostCard/CardContainer.tsx
+++ b/client/src/components/PostCard/CardContainer.tsx
@@ -2,7 +2,7 @@ import { PropsWithChildren } from 'react';
 
 export default function CardContainer({ children }: PropsWithChildren) {
   return (
-    <div className="card bg-gradient-to-r from-base-200 to-base-100 shadow-lg shadow-black">
+    <div className="card bg-gradient-to-r from-black to-neutral-950 shadow-lg shadow-black">
       <div className="card-body p-4">{children}</div>
     </div>
   );
diff --git a/client/src/components/PostCard/NewThreadCard.tsx b/client/src/components/PostCard/NewThreadCard.tsx
index ecf6a98..a904599 100644
--- a/client/src/components/PostCard/NewThreadCard.tsx
+++ b/client/src/components/PostCard/NewThreadCard.tsx
@@ -1,36 +1,42 @@
 import CardContainer from './CardContainer';
+import { ArrowUpTrayIcon } from '@heroicons/react/24/outline';
 
 const NewThreadCard = () => {
-
   return (
     <>
       <CardContainer>
-        <div className="flex flex-col">
-        <form name="post" method="post" encType="multipart/form-data"><input type="hidden" name="MAX_FILE_SIZE" defaultValue={4194304} />
-        <div id="togglePostFormLink" className="desktop">Start a New Thread
-        </div>
-        <table className="postForm" id="postForm">
-          <tbody>
-            <tr data-type="Comment">
-              <td><textarea name="com" wrap="soft" /></td>
-            </tr>
-            <tr data-type="File">
-              <td>File*</td>
-            </tr>
-          </tbody>
-          <tfoot>
-            <tr>
-              <td colSpan={2}>
-                <div id="postFormError" />
-              </td>
-            </tr>
-          </tfoot>
-        </table>
-      </form>
-        </div>
+          <form 
+            name="post" 
+            method="post" 
+            encType="multipart/form-data"
+            className=""
+          >
+            <input type="hidden" name="MAX_FILE_SIZE" defaultValue={4194304} />
+            <div id="togglePostFormLink" className="text-lg font-semibold">
+              Start a New Thread
+            </div>
+            <div>
+              <textarea 
+                name="com" 
+                wrap="soft" 
+                className="w-full p-2 rounded bg-gradient-to-r from-blue-900 to-cyan-500 text-white border-none"
+              />
+            </div>
+            <div className="flex justify-between items-center">
+              <div className="flex items-center">
+                <ArrowUpTrayIcon className="h-6 w-6 text-white" />
+                <input type="file" className="hidden" />
+              </div>
+            <button type="submit" className="px-4 py-2 bg-gradient-to-r from-cyan-900 to-blue-500 rounded text-white font-semibold">
+              Submit
+            </button>
+            </div>
+            <div id="postFormError" className="text-red-500" />
+          </form>
       </CardContainer>
     </>
   );
 };
 
+
 export default NewThreadCard;
\ No newline at end of file