ahmadk953/tasko
1
0
Fork 0
mirror of https://github.com/ahmadk953/tasko.git synced 2025-05-01 03:09:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added Basic Darkmode and Fixed Small Bugs

Browse source
This commit is contained in:
Ahmad 2025-01-13 19:12:06 -05:00
parent aacca3d141
commit 94fb5c7eb1
No known key found for this signature in database
GPG key ID: 8FD8A93530D182BF
42 changed files with 593 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/(main)/_components/footer.tsx
View file

@ -3,7 +3,7 @@ import { Button } from '@/components/ui/button';
export const Footer = () => {
return (
<div className='fixed bottom-0 w-full border-t bg-slate-100 p-4'>
<div className='fixed bottom-0 w-full border-t bg-slate-100 p-4 dark:bg-slate-800'>
<div className='mx-auto flex w-full items-center justify-between md:max-w-screen-2xl'>
<Logo />
<div className='flex w-full items-center justify-between space-x-4 md:block md:w-auto'>

9
app/(main)/_components/navbar.tsx
View file

@ -3,6 +3,7 @@ import { auth } from '@clerk/nextjs/server';
import { Logo } from '@/components/logo';
import { Button } from '@/components/ui/button';
import { ModeToggle } from '@/components/ui/mode-toggle';
export const Navbar = async () => {
const { userId } = await auth();
@ -10,7 +11,7 @@ export const Navbar = async () => {
let isSignedIn = !!userId;
return (
<div className='fixed top-0 flex h-14 w-full items-center border-b bg-white px-4 shadow-sm'>
<nav className='fixed top-0 z-50 flex h-14 w-full items-center border-b bg-white px-4 shadow-sm dark:bg-black'>
<div className='mx-auto flex w-full items-center justify-between md:max-w-screen-2xl'>
<Logo />
<div className='ml-0 flex w-full flex-auto items-center space-x-1 md:ml-6 md:block md:w-auto md:space-x-4'>
@ -30,16 +31,18 @@ export const Navbar = async () => {
<Button size='sm' asChild>
<Link href='/sign-up'>Get Tasko for Free</Link>
</Button>
<ModeToggle />
</div>
) : (
<div>
<div className='flex w-full justify-between space-x-4 md:block md:w-auto'>
<Button size='sm' variant='outline' asChild>
<Link href='/select-org'>Dashboard</Link>
</Button>
<ModeToggle />
</div>
)}
</div>
</div>
</div>
</nav>
);
};