Increased the size of the Timer

This commit is contained in:
Tiago Ribeiro
2023-09-07 21:26:02 +01:00
parent b1461d1c04
commit af70d36b7c
3 changed files with 5 additions and 5 deletions

View File

@@ -59,14 +59,14 @@ export default function ModuleTitle({minTimer, module, label, exerciseIndex, tot
/> />
<motion.div <motion.div
className={clsx( className={clsx(
"absolute top-4 right-6 bg-mti-gray-seasalt px-3 py-2 flex items-center gap-2 rounded-full text-mti-gray-davy", "absolute top-4 right-6 bg-mti-gray-seasalt px-4 py-3 flex items-center gap-2 rounded-full text-mti-gray-davy",
warningMode && !disableTimer && "bg-mti-red-light text-mti-gray-seasalt", warningMode && !disableTimer && "bg-mti-red-light text-mti-gray-seasalt",
)} )}
initial={{scale: warningMode && !disableTimer ? 0.8 : 1}} initial={{scale: warningMode && !disableTimer ? 0.8 : 1}}
animate={{scale: warningMode && !disableTimer ? 1.1 : 1}} animate={{scale: warningMode && !disableTimer ? 1.1 : 1}}
transition={{repeat: Infinity, repeatType: "reverse", duration: 0.5, ease: "easeInOut"}}> transition={{repeat: Infinity, repeatType: "reverse", duration: 0.5, ease: "easeInOut"}}>
<BsStopwatch className="w-4 h-4" /> <BsStopwatch className="w-6 h-6" />
<span className="text-sm font-semibold w-11"> <span className="text-base font-semibold w-12">
{timer > 0 && ( {timer > 0 && (
<> <>
{Math.floor(timer / 60) {Math.floor(timer / 60)

View File

@@ -147,7 +147,7 @@ export default function Login() {
</span> </span>
</> </>
)} )}
{user && ( {user && !user.isVerified && (
<> <>
<div className="flex flex-col items-center gap-6 w-full -lg:px-8 lg:w-1/2 relative"> <div className="flex flex-col items-center gap-6 w-full -lg:px-8 lg:w-1/2 relative">
<h4 className="font-semibold text-2xl text-mti-purple-light">Please confirm your account!</h4> <h4 className="font-semibold text-2xl text-mti-purple-light">Please confirm your account!</h4>

View File

@@ -115,7 +115,7 @@ export default function Register() {
</Link> </Link>
</> </>
)} )}
{user && ( {user && !user.isVerified && (
<> <>
<Divider className="max-w-xs lg:max-w-md" /> <Divider className="max-w-xs lg:max-w-md" />
<div className="flex flex-col items-center gap-6 w-full -lg:px-8 lg:w-1/2 relative"> <div className="flex flex-col items-center gap-6 w-full -lg:px-8 lg:w-1/2 relative">