From 821c3bcb5b2b5674dde60b100bb4a4e5e34e7c08 Mon Sep 17 00:00:00 2001
From: Web Dev Cody <webdevcody@gmail.com>
Date: Fri, 2 Feb 2024 14:54:21 -0500
Subject: [PATCH] fixing mobile pages

---
 convex/util.ts                            | 7 -------
 src/app/profile/[userId]/page.tsx         | 5 +++--
 src/app/thumbnails/[thumbnailId]/page.tsx | 2 +-
 3 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/convex/util.ts b/convex/util.ts
index fe9fcff..d7606fe 100644
--- a/convex/util.ts
+++ b/convex/util.ts
@@ -97,10 +97,3 @@ async function getUserOrThrow(ctx: QueryCtx | MutationCtx) {
 export const getUser = async (ctx: QueryCtx | MutationCtx | ActionCtx) => {
   return await ctx.auth.getUserIdentity();
 };
-
-export const getUserById = async (
-  ctx: QueryCtx | MutationCtx,
-  userId: string
-) => {
-  return ctx.db;
-};
diff --git a/src/app/profile/[userId]/page.tsx b/src/app/profile/[userId]/page.tsx
index 19921d0..d450bb9 100644
--- a/src/app/profile/[userId]/page.tsx
+++ b/src/app/profile/[userId]/page.tsx
@@ -115,7 +115,7 @@ export default function ProfilePage() {
   const unfollowUser = useMutation(api.follows.unfollowUser);
 
   return (
-    <div className="grid grid-cols-3 mt-12">
+    <div className="grid grid-cols-1 md:grid-cols-3 mt-12">
       <div className="flex flex-col gap-2 items-center">
         <Avatar className="w-40 h-40">
           <AvatarImage src={profile?.profileImage} />
@@ -147,8 +147,9 @@ export default function ProfilePage() {
           </Button>
         )}
       </div>
+
       <div className="col-span-2">
-        <h1 className="text-4xl font-bold">Thumbnails</h1>
+        <h1 className="text-4xl font-bold mt-12 md:mt-4">Thumbnails</h1>
 
         <UserThumbnails />
       </div>
diff --git a/src/app/thumbnails/[thumbnailId]/page.tsx b/src/app/thumbnails/[thumbnailId]/page.tsx
index 042b72b..4333bd2 100644
--- a/src/app/thumbnails/[thumbnailId]/page.tsx
+++ b/src/app/thumbnails/[thumbnailId]/page.tsx
@@ -167,7 +167,7 @@ export default function ThumbnailPage() {
       {/* {!hasVoted && ( */}
       <>
         <Tabs defaultValue="grid" className="">
-          <TabsList className="grid w-96 grid-cols-2 mx-auto mb-4">
+          <TabsList className="grid max-w-96 grid-cols-2 mx-auto mb-4">
             <TabsTrigger
               value="grid"
               className="flex items-center justify-center gap-2"