diff --git a/app/page.tsx b/app/page.tsx index 66d93cf4733d97a086d4d608800cd5d8550aa631..b14bdcc1d2a022a87a30bd5dedb21c6221e8254e 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -4,10 +4,15 @@ import { buttonVariants } from "@/components/ui/button" import { getCurrentUser } from "@/lib/session" import { cn } from "@/lib/utils" import Link from "next/link" +import { redirect } from "next/navigation" export default async function IndexPage() { const user = await getCurrentUser() + if (user) { + redirect("/home") + } + return ( <div className="flex flex-col h-screen justify-between"> <section className="space-y-6 pb-8 pt-6 md:pb-12 md:pt-10 lg:py-32"> diff --git a/components/create-gweet/components/create-gweet.tsx b/components/create-gweet/components/create-gweet.tsx index 300c9b048f7a8931ad977b65a3f6eecf9ee268dd..e4327cacd557de9f1038975395b31049e72a8a2c 100644 --- a/components/create-gweet/components/create-gweet.tsx +++ b/components/create-gweet/components/create-gweet.tsx @@ -245,7 +245,7 @@ export const CreateGweet = ({ /> {chosenImages.length > 0 && ( <> - <div className={`grid object-cover h-[600px] pt-2 ${chosenImages.length === 1 ? "grid-cols-1" + <div className={`grid object-cover h-[500px] pt-2 ${chosenImages.length === 1 ? "grid-cols-1" : chosenImages.length === 2 ? "grid-cols-2 gap-3" : chosenImages.length === 3 || 4 ? "grid-cols-2 grid-rows-2 gap-3" : "" @@ -254,7 +254,7 @@ export const CreateGweet = ({ {chosenImages.map((image, i) => { const isFirstImage = chosenImages.length === 3 && i === 0 return ( - <Card key={i} className={`relative max-h-[600px] overflow-hidden ${isFirstImage ? "row-span-2" : ""} ${isLoading ? "opacity-50" : ""}`}> + <Card key={i} className={`relative max-h-[500px] overflow-hidden ${isFirstImage ? "row-span-2" : ""} ${isLoading ? "opacity-50" : ""}`}> <Button type="button" size="icon" diff --git a/components/filter-sort-games-mobile.tsx b/components/filter-sort-games-mobile.tsx index a58320485961e558bcabc028188ff8ee8374288f..4f6dad21420033d49e6bfdf64d774a9049ec1fda 100644 --- a/components/filter-sort-games-mobile.tsx +++ b/components/filter-sort-games-mobile.tsx @@ -9,7 +9,7 @@ import { Icons } from "./icons" export function PopoverSort() { return ( - <div className="fixed z-[60] bottom-0 right-0 py-20 px-6 md:hidden"> + <div className="fixed z-50 bottom-0 right-0 py-20 px-6 md:hidden"> <Popover> <div className="w-14 h-14 rounded-full bg-secondary"> <PopoverTrigger asChild className="flex justify-end"> diff --git a/components/gweets/components/gweet-media.tsx b/components/gweets/components/gweet-media.tsx index 85576906404fb7afd7609f16db8d9c16e618f625..13d626afbb843d752d0024d28397e54e452ed7a3 100644 --- a/components/gweets/components/gweet-media.tsx +++ b/components/gweets/components/gweet-media.tsx @@ -4,7 +4,7 @@ import { IGweet } from "../types" export const GweetMedia = ({ gweet }: { gweet: IGweet }) => { return ( - <div className={`grid object-cover h-[600px] ${gweet.media.length === 1 ? "grid-cols-1" + <div className={`grid object-cover h-[500px] ${gweet.media.length === 1 ? "grid-cols-1" : gweet.media.length === 2 ? "grid-cols-2 gap-3" : gweet.media.length === 3 || 4 ? "grid-cols-2 grid-rows-2 gap-3" : "" @@ -13,7 +13,7 @@ export const GweetMedia = ({ gweet }: { gweet: IGweet }) => { {gweet.media.map((image, i) => { const isFirstImage = gweet.media.length === 3 && i === 0 return ( - <Card key={i} className={`relative max-h-[600px] overflow-hidden ${isFirstImage ? "row-span-2" : ""}`}> + <Card key={i} className={`relative max-h-[500px] overflow-hidden ${isFirstImage ? "row-span-2" : ""}`}> <Image src={image.url as string} alt="gweet image"