From f64b5606f141ab844bbafb9a0b80974fdf25513e Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Fri, 17 Jan 2025 00:28:06 +0100
Subject: [PATCH] Hide book title in header bar for small screens (#185)

---
 apps/readest-app/src/app/reader/components/HeaderBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/readest-app/src/app/reader/components/HeaderBar.tsx b/apps/readest-app/src/app/reader/components/HeaderBar.tsx
index 19838da0..b92a85f1 100644
--- a/apps/readest-app/src/app/reader/components/HeaderBar.tsx
+++ b/apps/readest-app/src/app/reader/components/HeaderBar.tsx
@@ -63,7 +63,7 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
         <BookmarkToggler bookKey={bookKey} />
       </div>
 
-      <div className='header-title pointer-events-none absolute inset-0 flex items-center justify-center'>
+      <div className='header-title pointer-events-none absolute inset-0 hidden items-center justify-center sm:flex'>
         <h2 className='line-clamp-1 max-w-[80%] text-center text-xs font-semibold'>{bookTitle}</h2>
       </div>