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