Projekt

Obecné

Profil

« Předchozí | Další » 

Revize 8754af5c

Přidáno uživatelem Václav Honzík před asi 2 roky(ů)

Table scrolling

re #9534

Zobrazit rozdíly:

frontend/src/features/Navigation/Navigation.tsx
17 17
import ListItemText from '@mui/material/ListItemText'
18 18
import InboxIcon from '@mui/icons-material/MoveToInbox'
19 19
import MailIcon from '@mui/icons-material/Mail'
20
import { FunctionComponent } from 'react'
20
import { Fragment, FunctionComponent } from 'react'
21 21
import NavigationMenu from './NavigationMenu'
22 22
import { Paper } from '@mui/material'
23 23

  
......
84 84
    }
85 85

  
86 86
    return (
87
        <Box sx={{ display: 'flex' }}>
88
            <CssBaseline />
89
            <AppBar position="fixed" open={open}>
90
                <Toolbar>
91
                    <IconButton
92
                        color="inherit"
93
                        aria-label="open drawer"
94
                        onClick={onOpenDrawer}
95
                        edge="start"
96
                        sx={{ mr: 2, ...(open && { display: 'none' }) }}
97
                    >
98
                        <MenuIcon />
99
                    </IconButton>
100
                    <Typography variant="h6" noWrap component="div">
101
                        Assyrian Toponyms App Prototype
102
                    </Typography>
103
                </Toolbar>
104
            </AppBar>
105
            <NavigationMenu
106
                open={open}
107
                drawerWidth={drawerWidth}
108
                setOpen={setOpen}
109
            />
110
            <Main open={open} sx={{ mt: 2 }}>
111
                <Paper style={{ minHeight: '100vh', borderRadius: 0 }}>
112
                    <DrawerHeader />
113
                    {children}
114
                </Paper>
115
            </Main>
116
        </Box>
87
        <Fragment>
88
            <Paper style={{ minHeight: '100vh', borderRadius: 0 }}>
89
                <Box sx={{ display: 'flex' }}>
90
                    {/* <CssBaseline /> */}
91
                    <AppBar position="fixed" open={open}>
92
                        <Toolbar>
93
                            <IconButton
94
                                color="inherit"
95
                                aria-label="open drawer"
96
                                onClick={onOpenDrawer}
97
                                edge="start"
98
                                sx={{ ...(open && { display: 'none' }) }}
99
                            >
100
                                <MenuIcon />
101
                            </IconButton>
102
                            <Typography variant="h6" noWrap component="div">
103
                                Assyrian Toponyms App Prototype
104
                            </Typography>
105
                        </Toolbar>
106
                    </AppBar>
107
                    <NavigationMenu
108
                        open={open}
109
                        drawerWidth={drawerWidth}
110
                        setOpen={setOpen}
111
                    />
112
                    <Main open={open} sx={{ mt: 2 }}>
113
                        <DrawerHeader />
114
                        {children}
115
                    </Main>
116
                </Box>
117
            </Paper>
118
        </Fragment>
117 119
    )
118 120
}
119 121

  

Také k dispozici: Unified diff