Reduce manga page button sizes on small screens

Partially closes #1049
This commit is contained in:
schroda
2026-01-18 19:16:41 +01:00
parent 9e621edbf4
commit 19b31528da
2 changed files with 4 additions and 2 deletions

View File

@@ -22,6 +22,7 @@ import { GetTrackersSettingsQuery, MangaType } from '@/lib/graphql/generated/gra
import { GET_TRACKERS_SETTINGS } from '@/lib/graphql/tracker/TrackerQuery.ts';
import { MangaTrackRecordInfo } from '@/features/manga/Manga.types.ts';
import { AppRoutes } from '@/base/AppRoute.constants.ts';
import { MediaQuery } from '@/base/utils/MediaQuery.tsx';
export const TrackMangaButton = ({ manga }: { manga: MangaTrackRecordInfo & Pick<MangaType, 'title'> }) => {
const { t } = useLingui();
@@ -54,7 +55,7 @@ export const TrackMangaButton = ({ manga }: { manga: MangaTrackRecordInfo & Pick
<>
<CustomButton
{...bindTrigger(popupState)}
size="medium"
size={MediaQuery.useIsMobileWidth() ? 'small' : 'medium'}
disabled={trackerList.loading || !!trackerList.error}
onClick={() => handleClick(popupState.open)}
variant={trackersInUse.length ? 'contained' : 'outlined'}

View File

@@ -54,6 +54,7 @@ import { SearchLink } from '@/features/manga/components/details/SearchLink.tsx';
import { requestManager } from '@/lib/requests/RequestManager.ts';
import { IconBrowser } from '@/assets/icons/IconBrowser.tsx';
import { IconWebView } from '@/assets/icons/IconWebView.tsx';
import { MediaQuery } from '@/base/utils/MediaQuery.tsx';
const DetailsWrapper = styled('div')(({ theme }) => ({
display: 'flex',
@@ -274,7 +275,7 @@ export const MangaDetails = ({
</ThumbnailMetadataWrapper>
<MangaButtonsContainer>
<CustomButton
size="medium"
size={MediaQuery.useIsMobileWidth() ? 'small' : 'medium'}
onClick={updateLibraryState}
variant={manga.inLibrary ? 'contained' : 'outlined'}
>