believe in god, hope this works

4 files changed, 24 insertions, 23 deletions

diff --git a/apps/web/app/(dash)/dialogTriggerWrapper.tsx b/apps/web/app/(dash)/dialogTriggerWrapper.tsx
index 7d21e27e..7dcfc355 100644
--- a/apps/web/app/(dash)/dialogTriggerWrapper.tsx
+++ b/apps/web/app/(dash)/dialogTriggerWrapper.tsx
@@ -7,23 +7,27 @@ import { PlusIcon } from "@heroicons/react/24/solid";
 
 export function DialogDesktopTrigger() {
 	return (
-		<div className="border-gray-700/50 border-[1px] space-y-4 group relative bg-[#1F2428] shadow-md shadow-[#1d1d1dc7] rounded-xl flex justify-center">
-			<button className="cursor-pointer p-2 hover:scale-105 hover:text-[#bfc4c9] active:scale-90">
-				<PlusIcon className="h-6 w-6" />
-			</button>
-			<div className="opacity-0 group-hover:opacity-100 scale-x-50 group-hover:scale-x-100 origin-left transition-all  absolute whitespace-nowrap pointer-events-none border-gray-700/50 border-[1px] bg-[#1F2428] shadow-md shadow-[#1d1d1dc7] rounded-xl px-2 py-1 left-[120%] -top-2">
-				Add Memories
+		<DialogTriggerWrapper>
+			<div className="border-gray-700/50 border-[1px] space-y-4 group relative bg-[#1F2428] shadow-md shadow-[#1d1d1dc7] rounded-xl flex justify-center">
+				<button className="cursor-pointer p-2 hover:scale-105 hover:text-[#bfc4c9] active:scale-90">
+					<PlusIcon className="h-6 w-6" />
+				</button>
+				<div className="opacity-0 group-hover:opacity-100 scale-x-50 group-hover:scale-x-100 origin-left transition-all  absolute whitespace-nowrap pointer-events-none border-gray-700/50 border-[1px] bg-[#1F2428] shadow-md shadow-[#1d1d1dc7] rounded-xl px-2 py-1 left-[120%] -top-2">
+					Add Memories
+				</div>
 			</div>
-		</div>
+		</DialogTriggerWrapper>
 	);
 }
 
 export function DialogMobileTrigger() {
 	return (
-		<div className={`flex flex-col items-center cursor-pointer text-white`}>
-			<PlusIcon className="h-6 w-6 hover:brightness-125 focus:brightness-125 duration-200 stroke-white" />
-			<p className="text-xs text-foreground-menu mt-2">Add</p>
-		</div>
+		<DialogTriggerWrapper>
+			<div className={`flex flex-col items-center cursor-pointer text-white`}>
+				<PlusIcon className="h-6 w-6 hover:brightness-125 focus:brightness-125 duration-200 stroke-white" />
+				<p className="text-xs text-foreground-menu mt-2">Add</p>
+			</div>
+		</DialogTriggerWrapper>
 	);
 }
 export default function DialogTriggerWrapper({
diff --git a/apps/web/app/(dash)/home/heading.tsx b/apps/web/app/(dash)/home/heading.tsx
index 12417a83..dc5b8799 100644
--- a/apps/web/app/(dash)/home/heading.tsx
+++ b/apps/web/app/(dash)/home/heading.tsx
@@ -27,7 +27,7 @@ export function Heading({ queryPresent }: { queryPresent: boolean }) {
 						exit={{ opacity: 0, y: "20%", whiteSpace: "nowrap" }}
 						className={`text-[2.45rem] font-semibold ${
 							queryPresent ? "pointer-events-none" : "pointer-events-auto"
-						} transition-opacity ${poppins.className}`}
+						} transition-opacity text-center ${poppins.className}`}
 					>
 						{headings[showHeading]}
 					</motion.h1>
diff --git a/apps/web/app/(dash)/home/queryinput.tsx b/apps/web/app/(dash)/home/queryinput.tsx
index 930f34db..f15a712b 100644
--- a/apps/web/app/(dash)/home/queryinput.tsx
+++ b/apps/web/app/(dash)/home/queryinput.tsx
@@ -6,15 +6,13 @@ import { FilterSpaces } from "./filterSpaces";
 function QueryInput({
 	setQueryPresent,
 	initialSpaces,
-	className,
 	handleSubmit,
 }: {
-	setQueryPresent: (t:boolean) => void;
+	setQueryPresent: (t: boolean) => void;
 	initialSpaces?: {
 		id: number;
 		name: string;
 	}[];
-	className?: string;
 	mini?: boolean;
 	handleSubmit: (q: string, spaces: { id: number; name: string }[]) => void;
 }) {
@@ -38,7 +36,6 @@ function QueryInput({
 						handleSubmit(q, selectedSpaces);
 						setQ("");
 					}}
-					className=""
 				>
 					<textarea
 						autoFocus
@@ -57,10 +54,12 @@ function QueryInput({
 								setQ("");
 							}
 						}}
-						onChange={(e) => setQ((prev)=> {
-							setQueryPresent(!!(e.target.value.length));
-							return e.target.value;
-						})}
+						onChange={(e) =>
+							setQ((prev) => {
+								setQueryPresent(!!e.target.value.length);
+								return e.target.value;
+							})
+						}
 						value={q}
 					/>
 					<FilterSpaces
diff --git a/apps/web/app/(dash)/layout.tsx b/apps/web/app/(dash)/layout.tsx
index 65a04a9b..24857fb1 100644
--- a/apps/web/app/(dash)/layout.tsx
+++ b/apps/web/app/(dash)/layout.tsx
@@ -17,12 +17,10 @@ async function Layout({ children }: { children: React.ReactNode }) {
 				<Header />
 			</div>
 
-			<div className="relative flex justify-center z-40 pointer-events-none">
 				<div
-					className="absolute -z-10 left-0 top-[10%] h-32 w-[90%] overflow-x-hidden bg-[rgb(54,157,253)] bg-opacity-100 md:bg-opacity-70 blur-[337.4px]"
+					className="absolute z-[100] left-0 top-[10%] h-32 w-[90%] overflow-x-hidden bg-[rgb(54,157,253)] bg-opacity-100 pointer-events-none md:bg-opacity-70 blur-[337.4px]"
 					style={{ transform: "rotate(-30deg)" }}
 				/>
-			</div>
 
 			<Menu />