fix(ui): move alignItems and justifyContent on Stack components into sx prop

This commit is contained in:
seb
2026-09-16 10:19:14 +02:00
parent adc3cd1239
commit a5076a2c67
3 changed files with 7 additions and 5 deletions

View File

@@ -64,7 +64,11 @@ class ManifestHeader extends PureComponent {
return ( return (
<PanelTile wide={3} minHeight={160} color={headerColor} title="Kopfdaten"> <PanelTile wide={3} minHeight={160} color={headerColor} title="Kopfdaten">
<Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} alignItems={{ xs: 'stretch', sm: 'center' }}> <Stack
direction={{ xs: 'column', sm: 'row' }}
spacing={2}
sx={{ alignItems: { xs: 'stretch', sm: 'center' } }}
>
<TextField <TextField
size="small" size="small"
type="date" type="date"

View File

@@ -252,8 +252,7 @@ export default class NumberSettingsPanel extends Component {
<Stack <Stack
direction="row" direction="row"
spacing={0} spacing={0}
justifyContent="flex-end" sx={{ justifyContent: 'flex-end', alignItems: 'center' }}
alignItems="center"
> >
{draft.saveError ? ( {draft.saveError ? (
<Box sx={{ maxWidth: 220, mr: 1 }}> <Box sx={{ maxWidth: 220, mr: 1 }}>

View File

@@ -203,8 +203,7 @@ export default class SettingsKeysPanel extends Component {
<Stack <Stack
direction="row" direction="row"
spacing={0} spacing={0}
justifyContent="flex-end" sx={{ justifyContent: 'flex-end', alignItems: 'center' }}
alignItems="center"
> >
{draft.saveError ? ( {draft.saveError ? (
<Box sx={{ maxWidth: 220, mr: 1 }}> <Box sx={{ maxWidth: 220, mr: 1 }}>