#23 fixed submit button appearance for lab

src/layouts/LabLayout/index.tsx

@@ -0,0 +1,54 @@
+import React, { FC, useEffect } from 'react';
+import styles from './styles.module.scss';
+import { Card } from '~/components/containers/Card';
+import { Sticky } from '~/components/containers/Sticky';
+import { Container } from '~/containers/main/Container';
+import { LabGrid } from '~/containers/lab/LabGrid';
+import { useDispatch } from 'react-redux';
+import { labGetList, labGetStats } from '~/redux/lab/actions';
+import { Placeholder } from '~/components/placeholders/Placeholder';
+import { Grid } from '~/components/containers/Grid';
+import { Group } from '~/components/containers/Group';
+import { LabHero } from '~/components/lab/LabHero';
+import { LabBanner } from '~/components/lab/LabBanner';
+import { LabHead } from '~/components/lab/LabHead';
+import { Filler } from '~/components/containers/Filler';
+import { LabStats } from '~/containers/lab/LabStats';
+import { useShallowSelect } from '~/utils/hooks/useShallowSelect';
+import { selectLabList, selectLabListNodes, selectLabStatsLoading } from '~/redux/lab/selectors';
+import { SidebarRouter } from '~/containers/main/SidebarRouter';
+
+interface IProps {}
+
+const LabLayout: FC<IProps> = () => {
+  const { is_loading } = useShallowSelect(selectLabList);
+  const dispatch = useDispatch();
+
+  useEffect(() => {
+    dispatch(labGetList());
+    dispatch(labGetStats());
+  }, [dispatch]);
+
+  return (
+    <div>
+      <Container>
+        <div className={styles.wrap}>
+          <Group className={styles.content}>
+            <LabHead isLoading={is_loading} />
+            <LabGrid />
+          </Group>
+
+          <div className={styles.panel}>
+            <Sticky>
+              <LabStats />
+            </Sticky>
+          </div>
+        </div>
+      </Container>
+
+      <SidebarRouter prefix="/lab" isLab />
+    </div>
+  );
+};
+
+export { LabLayout };

src/layouts/LabLayout/styles.module.scss

@@ -0,0 +1,26 @@
+@import "~/styles/variables.scss";
+
+.wrap {
+  display: grid;
+  grid-template-columns: 3fr 1fr;
+  column-gap: $gap;
+
+  @include tablet {
+    grid-template-columns: 1fr;
+    grid-auto-flow: row;
+    padding: 0 $gap / 2;
+  }
+}
+
+.panel {
+  margin-top: -7px;
+}
+
+.tags {
+  display: flex;
+  flex-wrap: wrap;
+
+  & > * {
+    margin: 0 $gap $gap 0;
+  }
+}