gitea/amati
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: language and logo changes

Browse Source
This commit is contained in:
falendikategar 2024-09-18 15:47:32 +07:00
parent 50cdca1f1c
commit 2a39c1e8bc
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
apps/frontend/src/routes/login/index.lazy.tsx
View File

@ -19,6 +19,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import useAuth from "@/hooks/useAuth"; import useAuth from "@/hooks/useAuth";
import { TbArrowNarrowRight } from "react-icons/tb"; import { TbArrowNarrowRight } from "react-icons/tb";
import logo from "@/assets/logos/amati-logo.png";
export const Route = createLazyFileRoute("/login/")({ export const Route = createLazyFileRoute("/login/")({
component: LoginPage, component: LoginPage,
@ -30,8 +31,8 @@ type FormSchema = {
}; };
const formSchema = z.object({ const formSchema = z.object({
username: z.string().min(1, "This field is required"), username: z.string().min(1, "Kolom ini wajib diisi"),
password: z.string().min(1, "This field is required"), password: z.string().min(1, "Kolom ini wajib diisi"),
}); });
export default function LoginPage() { export default function LoginPage() {
@ -99,8 +100,10 @@ export default function LoginPage() {
return ( return (
<div className="flex flex-col w-screen h-screen 3xl:max-w-screen-2xl 3xl:mx-auto 3xl:px-4 overflow-hidden"> <div className="flex flex-col w-screen h-screen 3xl:max-w-screen-2xl 3xl:mx-auto 3xl:px-4 overflow-hidden">
{/* Navbar */} {/* Navbar */}
<nav className="flex w-full bg-transparent px-8 py-7 items-center justify-between"> <nav className="flex w-full bg-transparent px-8 py-7 justify-between">
<div className="text-base font-bold">Amati</div> <div className="flex">
<img src="../src/assets/logos/amati-logo.png" alt="Amati Logo" className="h-4 object-contain" />
</div>
</nav> </nav>
{/* Background shapes */} {/* Background shapes */}
@ -120,9 +123,9 @@ export default function LoginPage() {
<Card className="w-full sm:w-3/5 lg:w-2/6 px-8 sm:p-0 h-auto bg-transparent border-none shadow-none"> <Card className="w-full sm:w-3/5 lg:w-2/6 px-8 sm:p-0 h-auto bg-transparent border-none shadow-none">
<h1 className="mb-2 text-4xl font-bold leading-10 tracking-tighter">Sign In</h1> <h1 className="mb-2 text-4xl font-bold leading-10 tracking-tighter">Sign In</h1>
<p className="text-sm mb-10 leading-4 text-muted-foreground"> <p className="text-sm mb-10 leading-4 text-muted-foreground">
New to this app?{' '} Baru mengenal aplikasi ini?{' '}
<a href="/register" className="text-blue-600 font-bold hover:text-blue-800"> <a href="/register" className="text-blue-600 font-bold hover:text-blue-800">
Register now Daftar sekarang
</a> </a>
</p> </p>
<Form {...form}> <Form {...form}>
@ -154,7 +157,7 @@ export default function LoginPage() {
name="password" name="password"
render={({ field }) => ( render={({ field }) => (
<FormItem className="text-sm"> <FormItem className="text-sm">
<FormLabel className="font-semibold leading-4">Password</FormLabel> <FormLabel className="font-semibold leading-4">Kata sandi</FormLabel>
<FormControl> <FormControl>
<Input <Input
type="password" type="password"
@ -170,7 +173,7 @@ export default function LoginPage() {
/> />
<p className="text-sm"> <p className="text-sm">
<a href="/forgot-password" className="text-blue-600 font-bold hover:text-blue-800 leading-4"> <a href="/forgot-password" className="text-blue-600 font-bold hover:text-blue-800 leading-4">
Forgot Password? Lupa kata sandi?
</a> </a>
</p> </p>
</div> </div>