frontmatter in skills files

src/apps/officer-web/Screens/Authentication/LandingPage/LandingPage.tsx

@@ -18,10 +18,9 @@ export function LandingPage() {
         </div>
       </header>
 
-      <div className="absolute inset-x-0 bottom-0 z-20 flex justify-center pb-0 md:pb-12">
+      <div className="absolute inset-x-0 bottom-0 z-20 flex justify-center pb-0 md:pb-2">
         {registrationOpen ? <Bootstrap /> : <Login />}
       </div>
     </div>
   );
 }
-

src/apps/officer-web/Screens/Authentication/LandingPage/Login.tsx

@@ -7,17 +7,20 @@ import { useState } from 'react';
 import { toast } from 'sonner';
 import { useForm } from 'hooks/useForm';
 import { useAuth } from 'hooks/useAuth';
+import { useGlobal } from 'hooks/useGlobal';
 
 export function Login() {
   const [isSubmitting, setIsSubmitting] = useState(false);
   const { state, formRef, update, isValid } = useForm<LoginFormState>({}, validateForm);
   const { signin } = useAuth();
+  const [, setDuckHidden] = useGlobal('DUCK_HIDDEN', false);
 
   const handleSubmit = async (ev: React.FormEvent) => {
     ev.preventDefault();
     if (!isValid || isSubmitting) return;
 
     setIsSubmitting(true);
+    setDuckHidden(true);
     try {
       await signin({ email: state.email!, password: state.password! });
       window.location.href = '/';
@@ -31,7 +34,7 @@ export function Login() {
   };
 
   return (
-    <Card className="md:py-12 md:px-24 flex flex-col gap-6">
+    <Card className="md:py-6 md:px-24 flex flex-col gap-6">
       <div className="text-center">
         <div className="text-duck-dark text-2xl font-bold">Welcome Back</div>
         <div className="text-duck-dark/60">Sign in to your account</div>