Updated login to include Olympus Logo

This commit is contained in:
Dogma 2024-05-07 21:52:39 +10:00
parent 79c8e743d9
commit 3e465509e9

View File

@ -33,9 +33,12 @@ export function LoginModal(props: {
<div className="pt-1 text-gray-800 dark:text-gray-400 text-xs">Connect to</div>
<div className="flex text-gray-800 dark:text-gray-200 text-md font-bold items-center justify-center gap-2">{window.location.toString()} </div>
</div>
<div className="flex flex-col items-start gap-2">
<h1 className="text-4xl text-gray-800 dark:text-white font-bold">DCS Olympus</h1>
<div className="flex gap-2 mb-2 select-none rounded-sm content-center text-green-700 dark:text-green-400 text-sm font-semibold"><FontAwesomeIcon icon={faCheckCircle} className="my-auto" />Version {VERSION}</div>
<div className='flex flex-row gap-2 content-center items-center w-[100%]'>
<span className='size-[80px] min-w-14'><img src="..\public\images\olympus-500x500.png" className='flex w-full'></img></span>
<div className="flex flex-col items-start gap-1">
<h1 className="flex text-4xl text-gray-800 dark:text-white font-bold text-wrap">DCS Olympus</h1>
<div className="flex gap-2 select-none rounded-sm content-center text-green-700 dark:text-green-400 text-sm font-semibold"><FontAwesomeIcon icon={faCheckCircle} className="my-auto" />Version {VERSION}</div>
</div>
</div>
{
!props.loginError ?