sosokker/B2D-Ventures
1
0
Fork 0
mirror of https://github.com/Sosokker/B2D-Ventures.git synced 2025-12-18 13:34:06 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve login page UI

Browse Source
This commit is contained in:
sirin 2024-08-29 14:13:34 +07:00
parent 75b3d71b98
commit 3ee06d8002
3 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/logo/facebook.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="iso-8859-1"?><!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="48px" height="48px"><circle style="fill:#039BE5;" cx="24" cy="24" r="19"/><g><path style="fill:#FFFFFF;" d="M26.572,29.036h4.917l0.772-4.995h-5.69v-2.73c0-2.075,0.678-3.915,2.619-3.915h3.119v-4.359c-0.548-0.074-1.707-0.236-3.897-0.236c-4.573,0-7.254,2.415-7.254,7.917v3.323h-4.701v4.995h4.701v13.729C22.089,42.905,23.032,43,24,43c0.875,0,1.729-0.08,2.572-0.194V29.036z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 628 B

1
public/logo/google.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="48px" height="48px"><path fill="#FFC107" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"/><path fill="#FF3D00" d="M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"/><path fill="#4CAF50" d="M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"/><path fill="#1976D2" d="M43.611,20.083H42V20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

17
src/app/login/page.tsx
View File

@ -1,3 +1,4 @@
import Image from "next/image";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardFooter, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
@ -14,11 +15,19 @@ export default function Login() {
</CardDescription>
</CardHeader>
<CardContent className="flex flex-col gap-y-2 mx-28">
<p className="self-center">Continue With</p>
<Button>Continue with Google</Button>
<Button>Continue with Facebook</Button>
<p className="self-center font-semibold text-slate-800">Continue With</p>
<Button className="bg-foreground gap-2 rounded-xl">
<Image src={"/logo/google.svg"} width={30} height={30} alt={"Google"} />
Continue with Google
</Button>
<Button className="gap-2 rounded-xl">
<Image src={"/logo/facebook.svg"} width={30} height={30} alt={"Google"} />
Continue with Facebook
</Button>
</CardContent>
<CardFooter></CardFooter>
<CardFooter className="text-xs justify-center">
By signing up, you agree to the Terms of Service and acknowledge you’ve read our Privacy Policy.
</CardFooter>
</Card>
</div>
);