update: revision for import logo image

This commit is contained in:
falendikategar 2024-10-11 16:18:35 +07:00
parent 3c922bdb10
commit 8a43494785
4 changed files with 16 additions and 9 deletions

View File

@ -18,6 +18,7 @@ import { Input } from "@/shadcn/components/ui/input.tsx";
import client from "@/honoClient";
import { useState } from "react";
import { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger } from "@/shadcn/components/ui/dropdown-menu";
import amatilogo from "@/assets/logos/amati-logo.png";
// Define validation schema using zod
const formSchema = z.object({
@ -172,7 +173,9 @@ export function ForgotPasswordForm() {
<div className="relative flex flex-col min-h-screen p-7 bg-transparent justify-between z-10">
{/* Top */}
<div className="flex items-center font-bold">Amati</div>
<div className="flex">
<img src={amatilogo} alt="Amati Logo" className="h-4 object-contain" />
</div>
{/* Center */}
<div className="flex flex-col h-full w-full xl:ml-32 2xl:ml-72 bg-transparent justify-center lg:px-28">
@ -221,13 +224,13 @@ export function ForgotPasswordForm() {
</div>
{/* Bottom */}
<div className="flex items-center justify-center lg:justify-start w-56 h-8 mx-auto lg:mx-0 bg-muted rounded-md">
{/* <div className="flex items-center justify-center lg:justify-start w-56 h-8 mx-auto lg:mx-0 bg-muted rounded-md">
<CustomDropdownMenu
onSelect={handleSelect}
defaultOption="English (United States)"
listOption={["English (United States)", "Indonesia"]}
/>
</div>
</div> */}
</div>
</div>
);

View File

@ -16,6 +16,7 @@ import { useEffect, useState } from "react";
import { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger } from "@/shadcn/components/ui/dropdown-menu";
import { HiOutlineGlobeAlt } from "react-icons/hi";
import { IoIosArrowUp } from "react-icons/io";
import amatilogo from "@/assets/logos/amati-logo.png";
/// Define validation schema using zod
const formSchema = z
@ -208,7 +209,9 @@ export function ResetPasswordForm() {
<div className="relative flex flex-col min-h-screen p-7 bg-transparent justify-between z-10">
{/* Top */}
<div className="flex items-center font-bold">Amati</div>
<div className="flex">
<img src={amatilogo} alt="Amati Logo" className="h-4 object-contain" />
</div>
{/* Center */}
<div className="flex flex-col h-full w-full xl:ml-32 2xl:ml-72 bg-transparent justify-center lg:px-28">
@ -262,13 +265,13 @@ export function ResetPasswordForm() {
</Form>
</div>
<div className="flex items-center justify-center lg:justify-start w-56 h-8 mx-auto lg:mx-0 bg-muted rounded-md">
{/* <div className="flex items-center justify-center lg:justify-start w-56 h-8 mx-auto lg:mx-0 bg-muted rounded-md">
<CustomDropdownMenu
onSelect={handleSelect}
defaultOption="English (United States)"
listOption={["English (United States)", "Indonesia"]}
/>
</div>
</div> */}
</div>
</div>
);

View File

@ -19,7 +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";
import amatilogo from "@/assets/logos/amati-logo.png";
export const Route = createLazyFileRoute("/login/")({
component: LoginPage,
@ -102,7 +102,7 @@ export default function LoginPage() {
{/* Navbar */}
<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" />
<img src={amatilogo} alt="Amati Logo" className="h-4 object-contain" />
</div>
</nav>

View File

@ -10,6 +10,7 @@ import { Checkbox } from "@/shadcn/components/ui/checkbox";
import { Form, FormField, FormControl, FormLabel, FormMessage, FormItem } from '@/shadcn/components/ui/form.tsx';
import { TbArrowNarrowRight } from 'react-icons/tb';
import client from "../../honoClient";
import amatilogo from "@/assets/logos/amati-logo.png";
// Define the schema for validation
const formSchema = z.object({
@ -100,7 +101,7 @@ export default function RegisterPage() {
{/* Logo */}
<div className="absolute top-7 left-6">
<img src="../src/assets/logos/amati-logo.png" alt="Amati Logo" className="h-4 w-full object-contain" />
<img src={amatilogo} alt="Amati Logo" className="h-4 w-full object-contain" />
</div>
{/* Main content */}