From f9d9502cf6734f80a6d2abb2734d070d0eeafdcd Mon Sep 17 00:00:00 2001
From: David Dal Busco <david.dalbusco@outlook.com>
Date: Fri, 14 Feb 2025 15:35:43 +0100
Subject: [PATCH] style: fix main height in react-ts-example

---
 templates/react-ts-example/src/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/react-ts-example/src/App.tsx b/templates/react-ts-example/src/App.tsx
index 6bf11bcc..47da2709 100644
--- a/templates/react-ts-example/src/App.tsx
+++ b/templates/react-ts-example/src/App.tsx
@@ -19,7 +19,7 @@ const App: FC = () => {
   return (
     <>
       <div className="relative isolate min-h-[100dvh]">
-        <main className="mx-auto max-w-(--breakpoint-2xl) py-16 px-8 md:px-24 tall:min-h-[calc(100dvh-128px)]">
+        <main className="mx-auto max-w-(--breakpoint-2xl) py-16 px-8 md:px-24 [@media(min-height:800px)]:min-h-[calc(100dvh-128px)]">
           <h1 className="dark:text-white text-5xl md:text-6xl font-bold tracking-tight md:pt-24">
             Example App
           </h1>