From cdb98eb61d271a6b05a966b6d40071424210e03b Mon Sep 17 00:00:00 2001
From: Lucas Santana <lucasrcsantana@gmail.com>
Date: Sat, 8 Feb 2025 12:02:09 -0300
Subject: [PATCH] =?UTF-8?q?refactor:=20Imagem=20vertical=20no=20mobile=20n?=
 =?UTF-8?q?a=20leitura=20de=20hist=C3=B3ria?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/student-dashboard/StoryPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/student-dashboard/StoryPage.tsx b/src/pages/student-dashboard/StoryPage.tsx
index da4079b..079f33b 100644
--- a/src/pages/student-dashboard/StoryPage.tsx
+++ b/src/pages/student-dashboard/StoryPage.tsx
@@ -355,7 +355,7 @@ function ImageWithLoading({ src, alt, className }: { src: string; alt: string; c
   const [error, setError] = useState(false);
 
   return (
-    <div className="relative aspect-video bg-gray-100">
+    <div className="relative bg-gray-100 aspect-[9/16] md:aspect-video">
       {isLoading && (
         <div className="absolute inset-0 flex items-center justify-center">
           <Loader2 className="w-8 h-8 text-purple-600 animate-spin" />