Revize ce63b2ab

Removed ant layout and used css grid

Changed layouting technology and added main layout for all pages.

webapp/layouts/mainLayout.tsx

@@ -1 +1 @@
 import { LayoutProps } from '../components/types/layoutProps';
-import { Layout } from 'antd';
 import { UserNavBar } from '../components/navigation/userNavBar';
 import { AdminNavBar } from '../components/navigation/adminNavBar';
 import 'antd/dist/antd.css';
-
-const { Header, Content, Footer } = Layout;
+import styles from '/styles/mainLayout.module.scss';
 
 /**
  * Creates layout of main screens.
@@ -13 +11 @@
  */
 export function MainLayout(props: LayoutProps) {
     return (
-        <Layout>
-            <Header>
+        <div className={styles.layoutwrapper}>
+            <div className={styles.header}>
                 {/**
                  @todo: Select correct navigation bar
                  {user && <UserNavBar />}
                  {admin && <AdminNavBar />}
                 **/}
-            </Header>
-            <Content>
-                <main>{props.children}</main>
-            </Content>
-            <Footer></Footer>
-        </Layout>
+            </div>
+            <main className={styles.content}>{props.children}</main>
+            <div className={styles.footer}></div>
+        </div>
     );
 }