diff options
Diffstat (limited to 'components')
| -rw-r--r-- | components/login/login-form-shi.tsx | 41 |
1 files changed, 17 insertions, 24 deletions
diff --git a/components/login/login-form-shi.tsx b/components/login/login-form-shi.tsx index 0be6709a..98d5e10a 100644 --- a/components/login/login-form-shi.tsx +++ b/components/login/login-form-shi.tsx @@ -23,6 +23,7 @@ import Link from "next/link" import Image from 'next/image'; // 추가: Image 컴포넌트 import import { KnoxSSOButton } from './saml-login-button'; // SAML 로그인 버튼 import import Loading from "../common/loading/loading"; +import { VideoCarousel } from './video-carousel'; export function LoginFormSHI({ className, @@ -212,9 +213,9 @@ export function LoginFormSHI({ } return ( - <div className="container relative flex h-screen flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0"> - {/* Left Content */} - <div className="flex flex-col w-full h-screen lg:p-2"> + <div className="container relative flex h-screen flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-3 lg:px-0"> + {/* Left Content - 축소된 로그인 영역 */} + <div className="flex flex-col w-full h-screen lg:p-2 lg:col-span-1"> {/* Top bar with Logo + eVCP (left) and "Request Vendor Repository" (right) */} <div className="flex items-center justify-between"> <div className="flex items-center space-x-2"> @@ -235,8 +236,8 @@ export function LoginFormSHI({ {/* Here's your existing login/OTP forms: */} {/* {!otpSent ? ( */} - - <form onSubmit={handleOtpSubmit} className="p-6 md:p-8"> + + <form onSubmit={handleOtpSubmit} className="p-6 md:p-8"> {/* <form onSubmit={handleOtpSubmit} className="p-6 md:p-8"> */} <div className="flex flex-col gap-6"> <div className="flex flex-col items-center text-center"> @@ -299,9 +300,11 @@ export function LoginFormSHI({ </div> </div> </form> - {/* ) - - + {/* ) + + + + : ( <form onSubmit={handleOtpSubmit} className="flex flex-col gap-4 p-6 md:p-8"> <div className="flex flex-col gap-6"> @@ -363,22 +366,12 @@ export function LoginFormSHI({ </div> </div> - {/* Right BG 이미지 영역 - Image 컴포넌트로 수정 */} - <div className="relative hidden h-full flex-col p-10 text-white dark:border-r md:flex"> - {/* Image 컴포넌트로 대체 */} - <div className="absolute inset-0"> - <Image - src="/images/02.jpg" - alt="Background image" - fill - priority - sizes="(max-width: 1024px) 100vw, 50vw" - className="object-cover" - /> - </div> - <div className="relative z-10 mt-auto"> - <blockquote className="space-y-2"> - <p className="text-sm">“{t("blockquote")}”</p> + {/* Right 영상 캐러셀 영역 - 확장된 영역 (2/3 비율) */} + <div className="relative hidden h-full flex-col p-6 text-white dark:border-r md:flex lg:col-span-2 shadow-2xl"> + <VideoCarousel lng={lng} className="h-full" /> + <div className="relative z-10 mt-4"> + <blockquote className="space-y-2 text-center"> + <p className="text-sm text-white/80">“{t("blockquote")}”</p> {/* <footer className="text-sm">SHI</footer> */} </blockquote> </div> |