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

Fix extension info meta and action button styling

Browse Source 
Ensure all components have the same width. Otherwise, the divider is not centered properly, which makes it look weird
This commit is contained in:
schroda
2025-12-23 04:04:14 +01:00
parent 04cdfafe31
commit cf24b388ba
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/features/extension/info/components/ActionButton.tsx
View File

@@ -22,7 +22,7 @@ export const ActionButton = ({ pkgName, isInstalled, isObsolete, hasUpdate }: TE
const installedState = getInstalledState(isInstalled, isObsolete, hasUpdate); const installedState = getInstalledState(isInstalled, isObsolete, hasUpdate);
return ( return (
<Box sx={{ px: 1 }}> <Box sx={{ px: 1, flexGrow: 1, flexBasis: 0 }}>
<Button <Button
sx={{ sx={{
width: '100%', width: '100%',

1
src/features/extension/info/components/ExtensionMetadata.tsx
View File

@@ -26,6 +26,7 @@ export const ExtensionMetadata = ({
flexDirection: 'column-reverse', flexDirection: 'column-reverse',
alignItems: 'center', alignItems: 'center',
flexGrow: 1, flexGrow: 1,
flexBasis: 0,
}, },
}} }}
titleProps={{ titleProps={{