fix mobile responsiveness
This commit is contained in:
parent
75d9c82390
commit
2f0ae31852
|
@ -12,7 +12,6 @@ import remarkGfm from "remark-gfm";
|
||||||
import rehypeRaw from "rehype-raw";
|
import rehypeRaw from "rehype-raw";
|
||||||
import CodeBlock from "@/components/Codeblock";
|
import CodeBlock from "@/components/Codeblock";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import { useNextSanityImage } from "next-sanity-image";
|
|
||||||
|
|
||||||
type BlogPost = {
|
type BlogPost = {
|
||||||
title: string;
|
title: string;
|
||||||
|
@ -62,7 +61,7 @@ export default function BlogPostModal({
|
||||||
<Dialog.Root open onOpenChange={handleOpenChange}>
|
<Dialog.Root open onOpenChange={handleOpenChange}>
|
||||||
<Dialog.Portal>
|
<Dialog.Portal>
|
||||||
<Dialog.Overlay className="bg-zinc-900 opacity-75 data-[state=open]:animate-overlayShow fixed inset-0" />
|
<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
|
<Dialog.Title
|
||||||
className={cn(
|
className={cn(
|
||||||
"dark:text-white text-indigo-600 m-0 text-6xl font-bold",
|
"dark:text-white text-indigo-600 m-0 text-6xl font-bold",
|
||||||
|
|
|
@ -12,7 +12,6 @@ import remarkGfm from "remark-gfm";
|
||||||
import rehypeRaw from "rehype-raw";
|
import rehypeRaw from "rehype-raw";
|
||||||
import CodeBlock from "@/components/Codeblock";
|
import CodeBlock from "@/components/Codeblock";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import { useNextSanityImage } from "next-sanity-image";
|
|
||||||
|
|
||||||
type Project = {
|
type Project = {
|
||||||
title: string;
|
title: string;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user