fix(ui): move alignItems and justifyContent on Stack components into sx prop
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
@@ -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 }}>
|
||||||
|
|||||||
@@ -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 }}>
|
||||||
|
|||||||
Reference in New Issue
Block a user