React Admin: как создать макет с максимальной шириной по центру - PullRequest
Новая
       7

React Admin: как создать макет с максимальной шириной по центру

0 голосов
/ 01 октября 2018

Я уже давно играю с response-admin и настройкой макета, но не смог найти способ создания центрированного макета с максимальной шириной 1280 пикселей.Мне удалось создать выравнивание по левому краю со следующим пользовательским макетом: 

    const styles = theme => ({
        root: {
            maxWidth: 1280,
        }
    });


    const CustomLayout = props => <Layout
        {...props}
        sidebar={CustomSidebar}
        menu={CustomMenu}
        appBar={CustomAppBar}
    />;

and this is my AppBar

const styles = theme => ({
    toolbar: {
        width: 1280,
        paddingRight: 20,
        paddingLeft: 20
    },
    menuButton: {
        marginLeft: '0.5em',
        marginRight: '0.5em',
    },
    menuButtonIconClosed: {
        transition: theme.transitions.create(['transform'], {
            easing: theme.transitions.easing.sharp,
            duration: theme.transitions.duration.leavingScreen,
        }),
        transform: 'rotate(0deg)',
    },
    menuButtonIconOpen: {
        transition: theme.transitions.create(['transform'], {
            easing: theme.transitions.easing.sharp,
            duration: theme.transitions.duration.leavingScreen,
        }),
        transform: 'rotate(180deg)',
    },
    title: {
        flex: 1,
        textOverflow: 'ellipsis',
        whiteSpace: 'nowrap',
        overflow: 'hidden',
    },
});

Мне бы хотелось, чтобы он был в центре, как на панели инструментов, так и на макете.

...