Revize ce63b2ab
Přidáno uživatelem Dominik Poch před více než 2 roky(ů)
webapp/layouts/mainLayout.tsx | ||
---|---|---|
1 | 1 |
import { LayoutProps } from '../components/types/layoutProps'; |
2 |
import { Layout } from 'antd'; |
|
3 | 2 |
import { UserNavBar } from '../components/navigation/userNavBar'; |
4 | 3 |
import { AdminNavBar } from '../components/navigation/adminNavBar'; |
5 | 4 |
import 'antd/dist/antd.css'; |
6 |
|
|
7 |
const { Header, Content, Footer } = Layout; |
|
5 |
import styles from '/styles/mainLayout.module.scss'; |
|
8 | 6 |
|
9 | 7 |
/** |
10 | 8 |
* Creates layout of main screens. |
... | ... | |
13 | 11 |
*/ |
14 | 12 |
export function MainLayout(props: LayoutProps) { |
15 | 13 |
return ( |
16 |
<Layout>
|
|
17 |
<Header>
|
|
14 |
<div className={styles.layoutwrapper}>
|
|
15 |
<div className={styles.header}>
|
|
18 | 16 |
{/** |
19 | 17 |
@todo: Select correct navigation bar |
20 | 18 |
{user && <UserNavBar />} |
21 | 19 |
{admin && <AdminNavBar />} |
22 | 20 |
**/} |
23 |
</Header> |
|
24 |
<Content> |
|
25 |
<main>{props.children}</main> |
|
26 |
</Content> |
|
27 |
<Footer></Footer> |
|
28 |
</Layout> |
|
21 |
</div> |
|
22 |
<main className={styles.content}>{props.children}</main> |
|
23 |
<div className={styles.footer}></div> |
|
24 |
</div> |
|
29 | 25 |
); |
30 | 26 |
} |
Také k dispozici: Unified diff
Removed ant layout and used css grid
Changed layouting technology and added main layout for all pages.