ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change "large" IconButtons to default size

Browse Source
This commit is contained in:
schroda
2025-03-28 19:05:21 +01:00
parent 99f14e2f27
commit e3934545b0
14 changed files with 11 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/modules/category/components/CategorySettingsCard.tsx
View File

@@ -57,12 +57,12 @@ export const CategorySettingsCard = ({
</Typography> </Typography>
<Stack sx={{ flexDirection: 'row' }}> <Stack sx={{ flexDirection: 'row' }}>
<CustomTooltip title={t('global.button.edit')}> <CustomTooltip title={t('global.button.edit')}>
<IconButton component={Box} onClick={onEdit} size="large"> <IconButton component={Box} onClick={onEdit}>
<EditIcon /> <EditIcon />
</IconButton> </IconButton>
</CustomTooltip> </CustomTooltip>
<CustomTooltip title={t('chapter.action.download.delete.label.action')}> <CustomTooltip title={t('chapter.action.download.delete.label.action')}>
<IconButton component={Box} onClick={deleteCategory} size="large"> <IconButton component={Box} onClick={deleteCategory}>
<DeleteIcon /> <DeleteIcon />
</IconButton> </IconButton>
</CustomTooltip> </CustomTooltip>

1
src/modules/chapter/components/buttons/ChapterDownloadButton.tsx
View File

@@ -45,7 +45,6 @@ export const ChapterDownloadButton = ({
e.preventDefault(); e.preventDefault();
downloadChapter(); downloadChapter();
}} }}
size="large"
> >
<DownloadIcon /> <DownloadIcon />
</IconButton> </IconButton>

1
src/modules/chapter/components/buttons/ChapterDownloadRetryButton.tsx
View File

@@ -40,7 +40,6 @@ export const ChapterDownloadRetryButton = ({ chapterId }: { chapterId: ChapterId
e.stopPropagation(); e.stopPropagation();
handleRetry(); handleRetry();
}} }}
size="large"
> >
<Refresh /> <Refresh />
</IconButton> </IconButton>

1
src/modules/chapter/components/cards/ChapterCard.tsx
View File

@@ -190,7 +190,6 @@ export const ChapterCard = memo((props: IProps) => {
{...bindTrigger(popupState)} {...bindTrigger(popupState)}
onClick={(e) => handleClickOpenMenu(e, popupState.open)} onClick={(e) => handleClickOpenMenu(e, popupState.open)}
aria-label="more" aria-label="more"
size="large"
sx={{ sx={{
color: 'inherit', color: 'inherit',
...applyStyles(mode === 'reader' && isActiveChapter, { ...applyStyles(mode === 'reader' && isActiveChapter, {

8
src/modules/core/components/inputs/LangSelect.tsx
View File

@@ -73,13 +73,7 @@ export function LangSelect(props: IProps) {
return ( return (
<> <>
<CustomTooltip title={t('settings.title')}> <CustomTooltip title={t('settings.title')}>
<IconButton <IconButton onClick={() => setOpen(true)} aria-label="display more actions" edge="end" color="inherit">
onClick={() => setOpen(true)}
aria-label="display more actions"
edge="end"
color="inherit"
size="large"
>
<FilterListIcon /> <FilterListIcon />
</IconButton> </IconButton>
</CustomTooltip> </CustomTooltip>

2
src/modules/core/components/settings/MutableListSetting.tsx
View File

@@ -50,7 +50,7 @@ const MutableListItem = ({
</ListItem> </ListItem>
)} )}
<CustomTooltip title={t('chapter.action.download.delete.label.action')} disabled={!deletable}> <CustomTooltip title={t('chapter.action.download.delete.label.action')} disabled={!deletable}>
<IconButton disabled={!deletable} size="large" onClick={handleDelete}> <IconButton disabled={!deletable} onClick={handleDelete}>
<DeleteIcon /> <DeleteIcon />
</IconButton> </IconButton>
</CustomTooltip> </CustomTooltip>

6
src/modules/downloads/screens/DownloadQueue.tsx
View File

@@ -100,7 +100,6 @@ const DownloadChapterItem = memo(
e.stopPropagation(); e.stopPropagation();
handleRetry(item.chapter); handleRetry(item.chapter);
}} }}
size="large"
> >
<Refresh /> <Refresh />
</IconButton> </IconButton>
@@ -113,7 +112,6 @@ const DownloadChapterItem = memo(
e.stopPropagation(); e.stopPropagation();
handleDelete(item.chapter); handleDelete(item.chapter);
}} }}
size="large"
> >
<DeleteIcon /> <DeleteIcon />
</IconButton> </IconButton>
@@ -166,7 +164,7 @@ export const DownloadQueue: React.FC = () => {
setAction( setAction(
<> <>
<CustomTooltip title={t('download.queue.label.delete_all')}> <CustomTooltip title={t('download.queue.label.delete_all')}>
<IconButton onClick={clearQueue} size="large" color="inherit"> <IconButton onClick={clearQueue} color="inherit">
<DeleteSweepIcon /> <DeleteSweepIcon />
</IconButton> </IconButton>
</CustomTooltip> </CustomTooltip>
@@ -175,7 +173,7 @@ export const DownloadQueue: React.FC = () => {
title={t(status === DownloaderState.Started ? 'global.button.start' : 'global.button.stop')} title={t(status === DownloaderState.Started ? 'global.button.start' : 'global.button.stop')}
disabled={isQueueEmpty} disabled={isQueueEmpty}
> >
<IconButton onClick={toggleQueueStatus} size="large" disabled={isQueueEmpty} color="inherit"> <IconButton onClick={toggleQueueStatus} disabled={isQueueEmpty} color="inherit">
{status === DownloaderState.Stopped ? <PlayArrowIcon /> : <PauseIcon />} {status === DownloaderState.Stopped ? <PlayArrowIcon /> : <PauseIcon />}
</IconButton> </IconButton>
</CustomTooltip> </CustomTooltip>

2
src/modules/extension/screens/Extensions.tsx
View File

@@ -153,7 +153,7 @@ export function Extensions({ tabsMenuHeight }: { tabsMenuHeight: number }) {
<> <>
<AppbarSearch /> <AppbarSearch />
<CustomTooltip title={t('extension.action.label.install_external')}> <CustomTooltip title={t('extension.action.label.install_external')}>
<IconButton onClick={() => inputRef.current?.click()} size="large" color="inherit"> <IconButton onClick={() => inputRef.current?.click()} color="inherit">
<AddIcon /> <AddIcon />
</IconButton> </IconButton>
</CustomTooltip> </CustomTooltip>

1
src/modules/manga/components/MangaOptionButton.tsx
View File

@@ -85,7 +85,6 @@ export const MangaOptionButton = forwardRef(
{...bindTriggerProps} {...bindTriggerProps}
onClick={handleClick} onClick={handleClick}
aria-label="more" aria-label="more"
size="large"
onMouseDown={preventDefaultAction} onMouseDown={preventDefaultAction}
> >
<MoreVertIcon /> <MoreVertIcon />

2
src/modules/migration/screens/Migration.tsx
View File

@@ -125,7 +125,6 @@ export const Migration = ({ tabsMenuHeight }: { tabsMenuHeight: number }) => {
> >
<CustomTooltip title={t(sortByToTranslationKey[sortBy])}> <CustomTooltip title={t(sortByToTranslationKey[sortBy])}>
<IconButton <IconButton
size="large"
color="inherit" color="inherit"
onClick={() => onClick={() =>
updateMetadataServerSettings('migrateSortSettings', { sortBy: (sortBy + 1) % 2, sortOrder }) updateMetadataServerSettings('migrateSortSettings', { sortBy: (sortBy + 1) % 2, sortOrder })
@@ -136,7 +135,6 @@ export const Migration = ({ tabsMenuHeight }: { tabsMenuHeight: number }) => {
</CustomTooltip> </CustomTooltip>
<CustomTooltip title={t(sortOrderToTranslationKey[sortOrder])}> <CustomTooltip title={t(sortOrderToTranslationKey[sortOrder])}>
<IconButton <IconButton
size="large"
color="inherit" color="inherit"
onClick={() => onClick={() =>
updateMetadataServerSettings('migrateSortSettings', { updateMetadataServerSettings('migrateSortSettings', {

1
src/modules/navigation-bar/components/DefaultNavBar.tsx
View File

@@ -198,7 +198,6 @@ export function DefaultNavBar() {
edge="start" edge="start"
component="button" component="button"
sx={{ marginRight: 2 }} sx={{ marginRight: 2 }}
size="large"
aria-label="menu" aria-label="menu"
onClick={handleBack} onClick={handleBack}
color="inherit" color="inherit"

6
src/modules/reader/components/overlay/navigation/mobile/ReaderBottomBarMobile.tsx
View File

@@ -90,17 +90,17 @@ const BaseReaderBottomBarMobile = ({
}} }}
> >
<CustomTooltip title={t('reader.button.chapter_list')}> <CustomTooltip title={t('reader.button.chapter_list')}>
<IconButton {...bindTrigger(chapterListPopupState)} size="large" color="inherit"> <IconButton {...bindTrigger(chapterListPopupState)} color="inherit">
<FormatListBulletedIcon /> <FormatListBulletedIcon />
</IconButton> </IconButton>
</CustomTooltip> </CustomTooltip>
<CustomTooltip title={t('reader.settings.title.quick_settings')}> <CustomTooltip title={t('reader.settings.title.quick_settings')}>
<IconButton {...bindTrigger(quickSettingsPopupState)} size="large" color="inherit"> <IconButton {...bindTrigger(quickSettingsPopupState)} color="inherit">
<AppSettingsAltIcon /> <AppSettingsAltIcon />
</IconButton> </IconButton>
</CustomTooltip> </CustomTooltip>
<CustomTooltip title={t('settings.title')}> <CustomTooltip title={t('settings.title')}>
<IconButton onClick={openSettings} size="large" color="inherit"> <IconButton onClick={openSettings} color="inherit">
<SettingsIcon /> <SettingsIcon />
</IconButton> </IconButton>
</CustomTooltip> </CustomTooltip>

1
src/modules/source/screens/SourceMangas.tsx
View File

@@ -411,7 +411,6 @@ export function SourceMangas() {
aria-label="display more actions" aria-label="display more actions"
edge="end" edge="end"
color="inherit" color="inherit"
size="large"
> >
<SettingsIcon /> <SettingsIcon />
</IconButton> </IconButton>

6
src/modules/source/screens/Sources.tsx
View File

@@ -109,11 +109,7 @@ export function Sources() {
setAction( setAction(
<> <>
<CustomTooltip title={t('search.title.global_search')}> <CustomTooltip title={t('search.title.global_search')}>
<IconButton <IconButton onClick={() => navigate(AppRoutes.sources.childRoutes.searchAll.path)} color="inherit">
onClick={() => navigate(AppRoutes.sources.childRoutes.searchAll.path)}
size="large"
color="inherit"
>
<TravelExploreIcon /> <TravelExploreIcon />
</IconButton> </IconButton>
</CustomTooltip> </CustomTooltip>