From 2f0ae31852176c8f777eb2df06c986fc287a5d07 Mon Sep 17 00:00:00 2001
From: Jack <me@jackmerrill.com>
Date: Wed, 21 Jun 2023 11:51:28 -0700
Subject: [PATCH] fix mobile responsiveness

---
 src/app/@blogpost/(.)blog/[id]/page.tsx    | 3 +--
 src/app/@project/(.)projects/[id]/page.tsx | 1 -
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/app/@blogpost/(.)blog/[id]/page.tsx b/src/app/@blogpost/(.)blog/[id]/page.tsx
index 27c1402..7d0ce82 100644
--- a/src/app/@blogpost/(.)blog/[id]/page.tsx
+++ b/src/app/@blogpost/(.)blog/[id]/page.tsx
@@ -12,7 +12,6 @@ import remarkGfm from "remark-gfm";
 import rehypeRaw from "rehype-raw";
 import CodeBlock from "@/components/Codeblock";
 import Image from "next/image";
-import { useNextSanityImage } from "next-sanity-image";
 
 type BlogPost = {
   title: string;
@@ -62,7 +61,7 @@ export default function BlogPostModal({
     <Dialog.Root open onOpenChange={handleOpenChange}>
       <Dialog.Portal>
         <Dialog.Overlay className="bg-zinc-900 opacity-75 data-[state=open]:animate-overlayShow fixed inset-0" />
-        <Dialog.Content className="data-[state=open]:animate-contentShow overflow-y-scroll fixed top-[50%] left-[50%] w-[90vw] max-h-[85vh] max-w-[50vw] translate-x-[-50%] translate-y-[-50%] rounded-[6px] bg-white dark:bg-zinc-800 px-8 py-12 shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] focus:outline-none">
+        <Dialog.Content className="data-[state=open]:animate-contentShow overflow-y-scroll fixed top-[50%] left-[50%] w-[90vw] max-h-[85vh] md:max-w-[50vw] max-w-[90vw] translate-x-[-50%] translate-y-[-50%] rounded-[6px] bg-white dark:bg-zinc-800 px-8 py-12 shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] focus:outline-none">
           <Dialog.Title
             className={cn(
               "dark:text-white text-indigo-600 m-0 text-6xl font-bold",
diff --git a/src/app/@project/(.)projects/[id]/page.tsx b/src/app/@project/(.)projects/[id]/page.tsx
index 87876f4..413cf10 100644
--- a/src/app/@project/(.)projects/[id]/page.tsx
+++ b/src/app/@project/(.)projects/[id]/page.tsx
@@ -12,7 +12,6 @@ import remarkGfm from "remark-gfm";
 import rehypeRaw from "rehype-raw";
 import CodeBlock from "@/components/Codeblock";
 import Image from "next/image";
-import { useNextSanityImage } from "next-sanity-image";
 
 type Project = {
   title: string;