doot/TAO
1
0
Fork 0
mirror of https://github.com/smolgrrr/TAO.git synced 2024-09-20 01:11:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI blue/cyan

Browse Source
This commit is contained in:
smolgrrr 2023-09-14 23:44:13 +10:00
parent 8e3f3f9eea
commit 8205f8c207
4 changed files with 38 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/components/Header/Header.tsx
View File

@ -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>
);
}

2
client/src/components/Home.tsx
View File

@ -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) => (

2
client/src/components/PostCard/CardContainer.tsx
View File

@ -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>
);

50
client/src/components/PostCard/NewThreadCard.tsx
View File

@ -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
<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>
<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>
<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>
</div>
</CardContainer>
</>
);
};
export default NewThreadCard;