Remove "reader width" and "page gap" reset button in global settings
This commit is contained in:
@@ -16,6 +16,7 @@ import { MultiValueButtonDefaultableProps } from '@/modules/core/Core.types.ts';
|
|||||||
export const ReaderSettingPageGap = ({
|
export const ReaderSettingPageGap = ({
|
||||||
pageGap,
|
pageGap,
|
||||||
readingMode,
|
readingMode,
|
||||||
|
isDefaultable,
|
||||||
onDefault,
|
onDefault,
|
||||||
updateSetting,
|
updateSetting,
|
||||||
}: Pick<IReaderSettingsWithDefaultFlag, 'pageGap' | 'readingMode'> &
|
}: Pick<IReaderSettingsWithDefaultFlag, 'pageGap' | 'readingMode'> &
|
||||||
@@ -33,7 +34,7 @@ export const ReaderSettingPageGap = ({
|
|||||||
<SliderInput
|
<SliderInput
|
||||||
label={t('reader.settings.label.page_gap')}
|
label={t('reader.settings.label.page_gap')}
|
||||||
value={t('global.value', { value: pageGap.value, unit: t('global.unit.px') })}
|
value={t('global.value', { value: pageGap.value, unit: t('global.unit.px') })}
|
||||||
onDefault={onDefault}
|
onDefault={isDefaultable ? onDefault : undefined}
|
||||||
slotProps={{
|
slotProps={{
|
||||||
slider: {
|
slider: {
|
||||||
defaultValue: DEFAULT_READER_SETTINGS.readerWidth.value,
|
defaultValue: DEFAULT_READER_SETTINGS.readerWidth.value,
|
||||||
|
|||||||
@@ -20,6 +20,7 @@ import { ResetButton } from '@/modules/core/components/buttons/ResetButton.tsx';
|
|||||||
export const ReaderSettingWidth = ({
|
export const ReaderSettingWidth = ({
|
||||||
readerWidth,
|
readerWidth,
|
||||||
pageScaleMode,
|
pageScaleMode,
|
||||||
|
isDefaultable,
|
||||||
onDefault,
|
onDefault,
|
||||||
updateSetting,
|
updateSetting,
|
||||||
}: Pick<IReaderSettings, 'readerWidth' | 'pageScaleMode'> &
|
}: Pick<IReaderSettings, 'readerWidth' | 'pageScaleMode'> &
|
||||||
@@ -40,7 +41,7 @@ export const ReaderSettingWidth = ({
|
|||||||
checked={readerWidth.enabled}
|
checked={readerWidth.enabled}
|
||||||
onChange={(_, checked) => updateSetting('readerWidth', { ...readerWidth, enabled: checked }, true)}
|
onChange={(_, checked) => updateSetting('readerWidth', { ...readerWidth, enabled: checked }, true)}
|
||||||
/>
|
/>
|
||||||
{onDefault && <ResetButton onClick={onDefault} variant="outlined" />}
|
{isDefaultable && <ResetButton onClick={onDefault} variant="outlined" />}
|
||||||
</Stack>
|
</Stack>
|
||||||
{readerWidth.enabled && (
|
{readerWidth.enabled && (
|
||||||
<SliderInput
|
<SliderInput
|
||||||
|
|||||||
Reference in New Issue
Block a user