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>
<Stack sx={{ flexDirection: 'row' }}>
<CustomTooltip title={t('global.button.edit')}>
<IconButton component={Box} onClick={onEdit} size="large">
<IconButton component={Box} onClick={onEdit}>
<EditIcon />
</IconButton>
</CustomTooltip>
<CustomTooltip title={t('chapter.action.download.delete.label.action')}>
<IconButton component={Box} onClick={deleteCategory} size="large">
<IconButton component={Box} onClick={deleteCategory}>
<DeleteIcon />
</IconButton>
</CustomTooltip>

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -153,7 +153,7 @@ export function Extensions({ tabsMenuHeight }: { tabsMenuHeight: number }) {
<>
<AppbarSearch />
<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 />
</IconButton>
</CustomTooltip>

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

@@ -85,7 +85,6 @@ export const MangaOptionButton = forwardRef(
{...bindTriggerProps}
onClick={handleClick}
aria-label="more"
size="large"
onMouseDown={preventDefaultAction}
>
<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])}>
<IconButton
size="large"
color="inherit"
onClick={() =>
updateMetadataServerSettings('migrateSortSettings', { sortBy: (sortBy + 1) % 2, sortOrder })
@@ -136,7 +135,6 @@ export const Migration = ({ tabsMenuHeight }: { tabsMenuHeight: number }) => {
</CustomTooltip>
<CustomTooltip title={t(sortOrderToTranslationKey[sortOrder])}>
<IconButton
size="large"
color="inherit"
onClick={() =>
updateMetadataServerSettings('migrateSortSettings', {

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

@@ -198,7 +198,6 @@ export function DefaultNavBar() {
edge="start"
component="button"
sx={{ marginRight: 2 }}
size="large"
aria-label="menu"
onClick={handleBack}
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')}>
<IconButton {...bindTrigger(chapterListPopupState)} size="large" color="inherit">
<IconButton {...bindTrigger(chapterListPopupState)} color="inherit">
<FormatListBulletedIcon />
</IconButton>
</CustomTooltip>
<CustomTooltip title={t('reader.settings.title.quick_settings')}>
<IconButton {...bindTrigger(quickSettingsPopupState)} size="large" color="inherit">
<IconButton {...bindTrigger(quickSettingsPopupState)} color="inherit">
<AppSettingsAltIcon />
</IconButton>
</CustomTooltip>
<CustomTooltip title={t('settings.title')}>
<IconButton onClick={openSettings} size="large" color="inherit">
<IconButton onClick={openSettings} color="inherit">
<SettingsIcon />
</IconButton>
</CustomTooltip>

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

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

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

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