fixing mobile pages

webdevcody · Feb 2, 2024 · 821c3bc · 821c3bc
1 parent 531f0c8
commit 821c3bc
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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"