From e81dc5bedf7557e63d02ac5d66fa8e43baf224ef Mon Sep 17 00:00:00 2001
From: Lucas Santana <lucasrcsantana@gmail.com>
Date: Wed, 29 Jan 2025 14:18:16 -0300
Subject: [PATCH] =?UTF-8?q?fix:=20Ajustando=20visualiza=C3=A7=C3=A3o=20da?=
 =?UTF-8?q?=20p=C3=A1gina=20de=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 | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/student-dashboard/StoryPage.tsx b/src/pages/student-dashboard/StoryPage.tsx
index d1d7abb..3ae28eb 100644
--- a/src/pages/student-dashboard/StoryPage.tsx
+++ b/src/pages/student-dashboard/StoryPage.tsx
@@ -895,7 +895,7 @@ export function StoryPage() {
             <button
               onClick={() => setCurrentPage(prev => prev - 1)}
               disabled={currentPage === 0}
-              className="flex items-center gap-2 px-4 py-2 text-gray-600 hover:text-gray-900 disabled:opacity-50 disabled:cursor-not-allowed"
+              className="flex items-center gap-2 px-4 py-2 text-purple-600 border border-purple-600 rounded-md hover:bg-purple-50 disabled:opacity-50 disabled:cursor-not-allowed"
             >
               <ArrowLeft className="h-5 w-5" />
               Página Anterior
@@ -908,7 +908,7 @@ export function StoryPage() {
             <button
               onClick={() => setCurrentPage(prev => prev + 1)}
               disabled={currentPage === (story?.content?.pages?.length ?? 0) - 1}
-              className="flex items-center gap-2 px-4 py-2 text-gray-600 hover:text-gray-900 disabled:opacity-50 disabled:cursor-not-allowed"
+              className="flex items-center gap-2 px-4 py-2 bg-purple-600 text-white rounded-md hover:bg-purple-700 disabled:opacity-50 disabled:cursor-not-allowed"
             >
               Próxima Página
               <ArrowRight className="h-5 w-5" />