nice

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">

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"

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">

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"