LLM/DocsGPT
1
0
Fork 0
mirror of https://github.com/arc53/DocsGPT.git synced 2025-11-29 16:43:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Minor_Hero_update

Browse Source
This commit is contained in:
Hemant2335
2023-11-23 20:09:49 +05:30
parent 05c7912376
commit 35d6c804c7
1 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/Hero.tsx
View File

@@ -1,8 +1,10 @@
import { useMediaQuery } from './hooks';
import DocsGPT3 from './assets/cute_docsgpt3.svg';
import { useNavigate } from 'react-router-dom';
export default function Hero({ className = '' }: { className?: string }) {
// const isMobile = window.innerWidth <= 768;
const navigate = useNavigate();
const { isMobile } = useMediaQuery();
return (
<div className={`mt-14 ${isMobile ? 'mb-2' : 'mb-12'}flex flex-col `}>
@@ -166,6 +168,20 @@ export default function Hero({ className = '' }: { className?: string }) {
</div>
</div>
</div>
<div className="mt-[1vh] flex w-full items-center justify-center gap-[4vh]">
<button
className="rounded-xl bg-[#7D54D1] p-[2vh] font-medium text-white transition-transform hover:scale-105"
onClick={() => navigate('/login')}
>
Sign up
</button>
<button
className="rounded-xl bg-[#7D54D1] p-[2vh] font-medium text-white transition-transform hover:scale-105"
onClick={() => navigate('/register')}
>
Sign in
</button>
</div>
</div>
);
}