fix: refresh page when vertical writing mode is set (#615)

apps/readest-app/src/app/reader/components/HintInfo.tsx

@@ -64,11 +64,7 @@ const HintInfo: React.FC<SectionInfoProps> = ({
           : { right: `${horizontalGap}%` }
       }
     >
-      <h2
-        className={clsx(
-          'text-neutral-content line-clamp-1 text-center font-sans text-xs font-light',
-        )}
-      >
+      <h2 className={clsx('text-neutral-content text-center font-sans text-xs font-light')}>
         {hintMessage || ''}
       </h2>
     </div>

apps/readest-app/src/app/reader/components/SectionInfo.tsx

@@ -37,11 +37,7 @@ const SectionInfo: React.FC<SectionInfoProps> = ({
           : { left: `${horizontalGap}%` }
       }
     >
-      <h2
-        className={clsx(
-          'text-neutral-content line-clamp-1 text-center font-sans text-xs font-light',
-        )}
-      >
+      <h2 className={clsx('text-neutral-content text-center font-sans text-xs font-light')}>
         {section || ''}
       </h2>
     </div>

apps/readest-app/src/app/reader/components/settings/LayoutPanel.tsx

@@ -191,7 +191,8 @@ const LayoutPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
     }
     if (
       prevWritingMode !== writingMode &&
-      (writingMode === 'horizontal-rl' || prevWritingMode === 'horizontal-rl')
+      (['horizontal-rl', 'vertical-rl'].includes(writingMode) ||
+        ['horizontal-rl', 'vertical-rl'].includes(prevWritingMode))
     ) {
       setTimeout(() => window.location.reload(), 100);
     }