From a10ea83d189c976d857d6f621471a2906d70f0b8 Mon Sep 17 00:00:00 2001
From: Grant Forrest <gaforres@gmail.com>
Date: Sat, 23 Mar 2024 21:42:08 -0400
Subject: [PATCH] tweaks to login page. new indexes

---
 packages/db/src/migrations/v8_more-indexes.ts |  9 ++++++---
 web/src/components/Paws.tsx                   |  2 +-
 web/src/pages/HomePage.tsx                    |  3 ++-
 web/src/pages/LoginPage.tsx                   | 14 ++++++++------
 4 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/packages/db/src/migrations/v8_more-indexes.ts b/packages/db/src/migrations/v8_more-indexes.ts
index 519c810d..2d3ca36a 100644
--- a/packages/db/src/migrations/v8_more-indexes.ts
+++ b/packages/db/src/migrations/v8_more-indexes.ts
@@ -5,18 +5,21 @@ import { Kysely } from 'kysely';
 export async function up(db: Kysely<any>) {
   await db.schema
     .createIndex('VerificationCode_code')
+    .ifNotExists()
     .on('VerificationCode')
     .column('code')
     .unique()
     .execute();
   await db.schema
     .createIndex('Account_providerAccountId')
+    .ifNotExists()
     .on('Account')
     .column('providerAccountId')
     .execute();
   await db.schema
-    .createIndex('Account_email')
-    .on('Account')
+    .createIndex('User_email')
+    .ifNotExists()
+    .on('User')
     .column('email')
     .unique()
     .execute();
@@ -25,5 +28,5 @@ export async function up(db: Kysely<any>) {
 export async function down(db: Kysely<any>) {
   await db.schema.dropIndex('VerificationCode_code').ifExists().execute();
   await db.schema.dropIndex('Account_providerAccountId').ifExists().execute();
-  await db.schema.dropIndex('Account_email').ifExists().execute();
+  await db.schema.dropIndex('User_email').ifExists().execute();
 }
diff --git a/web/src/components/Paws.tsx b/web/src/components/Paws.tsx
index cca03388..840a16e9 100644
--- a/web/src/components/Paws.tsx
+++ b/web/src/components/Paws.tsx
@@ -51,7 +51,7 @@ export function Paws() {
         <Environment preset="sunset" />
         <PerspectiveCamera makeDefault position={[0, 30, 0]} />
         {/* Axishelper */}
-        {/* <OrbitControls /> */}
+        <OrbitControls enabled={false} />
         {/* <axesHelper /> */}
         {/* <cameraHelper /> */}
       </Canvas>
diff --git a/web/src/pages/HomePage.tsx b/web/src/pages/HomePage.tsx
index 2cdff8c3..a7d5bee9 100644
--- a/web/src/pages/HomePage.tsx
+++ b/web/src/pages/HomePage.tsx
@@ -17,7 +17,7 @@ const innerProps = {
 
 export default function HomePage() {
   return (
-    <PageRoot className="bg-primary">
+    <PageRoot className="bg-primary flex-basis-auto">
       <Background />
       <Suspense>
         <Paws />
@@ -28,6 +28,7 @@ export default function HomePage() {
             className={classNames(
               '[font-family:"VC_Henrietta_Trial","Noto_Serif",serif]',
               'text-[5vmin] m-0 font-normal text-primary-dark text-shadow',
+              'bg-primary p-2 rounded-lg leading-none',
             )}
           >
             Biscuits
diff --git a/web/src/pages/LoginPage.tsx b/web/src/pages/LoginPage.tsx
index 47e48411..a5d18033 100644
--- a/web/src/pages/LoginPage.tsx
+++ b/web/src/pages/LoginPage.tsx
@@ -17,9 +17,14 @@ export default function LoginPage() {
   const activeTab = searchParams.get('tab') ?? 'signin';
 
   return (
-    <div className="flex flex-row items-stretch justify-stretch h-full flex-1">
-      <div className="flex flex-col gap-3 flex-1 p-4 items-center bg-primary-light border-r-solid border-r border-r-3 border-r-primary-dark">
-        <H1>Join the club</H1>
+    <div className="flex flex-col items-center justify-center h-screen flex-1 bg-primary">
+      <div className="absolute top-0 left-0 w-full h-screen flex-[2]">
+        <Paws />
+      </div>
+      <div className="flex flex-col gap-3 p-6 items-center bg-primary-light border-solid border border-3 border-primary-dark rounded-lg relative z-1">
+        <H1 className='[font-family:"VC_Henrietta_Trial","Noto_Serif",serif]'>
+          Join the club
+        </H1>
         <TabsRoot
           className="flex flex-col"
           value={activeTab}
@@ -58,9 +63,6 @@ export default function LoginPage() {
           </TabsContent>
         </TabsRoot>
       </div>
-      <div className="hidden lg:block relative bg-primary w-full h-screen flex-[2]">
-        <Paws />
-      </div>
     </div>
   );
 }