From 07c9813ec18ef79c429cea365057e1184844e848 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Mon, 24 Mar 2025 14:13:38 +0800
Subject: [PATCH] fix: no background color for section and page info in
 vertical scroll mode (#694)

---
 apps/readest-app/src/app/reader/components/PageInfo.tsx    | 2 +-
 apps/readest-app/src/app/reader/components/SectionInfo.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/readest-app/src/app/reader/components/PageInfo.tsx b/apps/readest-app/src/app/reader/components/PageInfo.tsx
index f841963d..d890ed99 100644
--- a/apps/readest-app/src/app/reader/components/PageInfo.tsx
+++ b/apps/readest-app/src/app/reader/components/PageInfo.tsx
@@ -45,7 +45,7 @@ const PageInfoView: React.FC<PageInfoProps> = ({
       className={clsx(
         'pageinfo absolute bottom-0 flex items-center justify-end',
         isVertical ? 'writing-vertical-rl' : 'h-12 w-full',
-        isScrolled && 'bg-base-100',
+        isScrolled && !isVertical && 'bg-base-100',
       )}
       style={
         isVertical
diff --git a/apps/readest-app/src/app/reader/components/SectionInfo.tsx b/apps/readest-app/src/app/reader/components/SectionInfo.tsx
index a945ad01..f58a52b6 100644
--- a/apps/readest-app/src/app/reader/components/SectionInfo.tsx
+++ b/apps/readest-app/src/app/reader/components/SectionInfo.tsx
@@ -23,7 +23,7 @@ const SectionInfo: React.FC<SectionInfoProps> = ({
       className={clsx(
         'sectioninfo absolute flex items-center overflow-hidden',
         isVertical ? 'writing-vertical-rl max-h-[85%]' : 'top-0 h-[44px]',
-        isScrolled && 'bg-base-100',
+        isScrolled && !isVertical && 'bg-base-100',
       )}
       style={
         isVertical