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

Update mui dependencies

Browse Source
This commit is contained in:
schroda
2024-09-03 17:15:47 +02:00
parent 161a2bb657
commit d1d37c8516
37 changed files with 349 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/util/Progress.tsx
View File

@@ -15,7 +15,11 @@ export const Progress = ({ progress, showText = true }: { progress: number; show
<CircularProgress variant="determinate" value={progress} />
{showText && (
<Box sx={{ position: 'absolute' }}>
<Typography fontSize="0.8rem">{`${Math.round(progress)}%`}</Typography>
<Typography
sx={{
fontSize: '0.8rem',
}}
>{`${Math.round(progress)}%`}</Typography>
</Box>
)}
</Box>

19
src/components/util/SpinnerImage.tsx
View File

@@ -104,7 +104,13 @@ export const SpinnerImage = forwardRef((props: IProps, imgRef: ForwardedRef<HTML
<>
{(isLoading || hasError) && (
<Box sx={spinnerStyle}>
<Stack height="100%" alignItems="center" justifyContent="center">
<Stack
sx={{
height: '100%',
alignItems: 'center',
justifyContent: 'center',
}}
>
{isLoading && <CircularProgress thickness={5} />}
{hasError && isLoading === false && (
<>
@@ -128,10 +134,13 @@ export const SpinnerImage = forwardRef((props: IProps, imgRef: ForwardedRef<HTML
{showMissingImageIcon ? (
<Stack
height="100%"
alignItems="center"
justifyContent="center"
sx={{ background: (theme) => theme.palette.background.default, ...spinnerStyle }}
sx={{
height: '100%',
alignItems: 'center',
justifyContent: 'center',
background: (theme) => theme.palette.background.default,
...spinnerStyle,
}}
>
<ImageIcon fontSize="large" />
</Stack>

8
src/components/util/VersionUpdateInfoDialog.tsx
View File

@@ -63,7 +63,13 @@ export const VersionUpdateInfoDialog = ({
<DialogContentText>{info}</DialogContentText>
</DialogContent>
<DialogActions>
<Stack sx={{ width: '100%' }} direction="row" justifyContent={changelogUrl ? 'space-between' : 'end'}>
<Stack
direction="row"
sx={{
justifyContent: changelogUrl ? 'space-between' : 'end',
width: '100%',
}}
>
{changelogUrl && (
<Button href={changelogUrl} target="_blank" rel="noreferrer">
{t('global.button.changelog')}