akai-tools/readest
2
0
Fork 0
forked from akai/readest
Code Pull Requests Activity

layout: consistent label font weight for settings panels (#1856)

Browse Source
This commit is contained in:
Huang Xin
2025-08-20 18:14:45 +08:00
committed by GitHub
parent dc7c6e14bc
commit ef1a1eab98
4 changed files with 5 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/readest-app/src/app/reader/components/settings/ColorPanel.tsx
+1 -1
View File
@@ -187,7 +187,7 @@ const ColorPanel: React.FC<SettingsPanelPanelProp> = ({ bookKey, onRegisterReset
</div>
<div className='flex items-center justify-between'>
<h2 className=''>{_('Override Book Color')}</h2>
<h2 className='font-medium'>{_('Override Book Color')}</h2>
<input
type='checkbox'
className='toggle'
apps/readest-app/src/app/reader/components/settings/FontDropDown.tsx
+2 -7
View File
@@ -34,12 +34,7 @@ const FontItem: React.FC<FontItemProps> = ({ index, style, data }) => {
const option = options[index]!;
return (
<li
className='px-1 sm:px-2'
key={option.option}
style={style}
onClick={() => onSelect(option.option)}
>
<li className='px-2' key={option.option} style={style} onClick={() => onSelect(option.option)}>
<div className='flex w-full items-center overflow-hidden !px-0 text-sm'>
<span style={{ minWidth: `${iconSize16}px` }}>
{selected === option.option && (
@@ -138,7 +133,7 @@ const FontDropdown: React.FC<DropdownProps> = ({
{/* More options with nested dropdown */}
{moreOptions && moreOptions.length > 0 && (
<li className='dropdown dropdown-left dropdown-top px-1 sm:px-2'>
<li className='dropdown dropdown-left dropdown-top px-2'>
<div className='flex items-center px-0 text-sm'>
<span style={{ minWidth: `${iconSize}px` }}>
<FiChevronLeft size={iconSize} />
apps/readest-app/src/app/reader/components/settings/FontPanel.tsx
+1 -1
View File
@@ -250,7 +250,7 @@ const FontPanel: React.FC<SettingsPanelPanelProp> = ({ bookKey, onRegisterReset
return (
<div className='my-4 w-full space-y-6'>
<div className='flex items-center justify-between'>
<h2 className=''>{_('Override Book Font')}</h2>
<h2 className='font-medium'>{_('Override Book Font')}</h2>
<input
type='checkbox'
className='toggle'
apps/readest-app/src/app/reader/components/settings/LayoutPanel.tsx
+1 -1
View File
@@ -370,7 +370,7 @@ const LayoutPanel: React.FC<SettingsPanelPanelProp> = ({ bookKey, onRegisterRese
return (
<div className='my-4 w-full space-y-6'>
<div className='flex items-center justify-between'>
<h2 className=''>{_('Override Book Layout')}</h2>
<h2 className='font-medium'>{_('Override Book Layout')}</h2>
<input
type='checkbox'
className='toggle'