More deletes. Fixed sticky header.

components/layout/AppLayout.module.css

@@ -2,12 +2,12 @@
   display: grid;
   grid-template-rows: 1fr;
   grid-template-columns: max-content 1fr;
-  height: 100vh;
-  overflow: hidden;
 }
 
 .nav {
   grid-row: 1 / 3;
+  height: 100vh;
+  position: fixed;
 }
 
 .body {

components/layout/Footer.js

@@ -3,7 +3,6 @@ import { useRouter } from 'next/router';
 import Script from 'next/script';
 import classNames from 'classnames';
 import { useIntl, defineMessages } from 'react-intl';
-import Link from 'components/common/Link';
 import { CURRENT_VERSION, HOMEPAGE_URL, REPO_URL } from 'lib/constants';
 import styles from './Footer.module.css';
 
@@ -22,15 +21,15 @@ export default function Footer({ className }) {
           <div>
             {formatMessage(messages.poweredBy, {
               name: (
-                <Link href={HOMEPAGE_URL}>
+                <a href={HOMEPAGE_URL}>
                   <b>umami</b>
-                </Link>
+                </a>
               ),
             })}
           </div>
         </Column>
         <Column className={styles.version}>
-          <Link href={REPO_URL}>{`v${CURRENT_VERSION}`}</Link>
+          <a href={REPO_URL}>{`v${CURRENT_VERSION}`}</a>
         </Column>
       </Row>
       {!pathname.includes('/share/') && <Script src={`/telemetry.js`} />}

components/layout/GridLayout.js

@@ -1,30 +0,0 @@
-import classNames from 'classnames';
-import styles from './GridLayout.module.css';
-
-export default function GridLayout({ className, children }) {
-  return <div className={classNames(styles.grid, className)}>{children}</div>;
-}
-
-export const GridRow = ({ className, children }) => {
-  return <div className={classNames(styles.row, className, 'row')}>{children}</div>;
-};
-
-export const GridColumn = ({ xs, sm, md, lg, xl, className, children }) => {
-  const classes = [];
-
-  classes.push(xs ? `col-${xs}` : 'col-12');
-
-  if (sm) {
-    classes.push(`col-sm-${sm}`);
-  }
-  if (md) {
-    classes.push(`col-md-${md}`);
-  }
-  if (lg) {
-    classes.push(`col-lg-${lg}`);
-  }
-  if (xl) {
-    classes.push(`col-lg-${xl}`);
-  }
-  return <div className={classNames(styles.col, classes, className)}>{children}</div>;
-};

components/layout/GridLayout.module.css

@@ -1,40 +0,0 @@
-.grid {
-  display: flex;
-  flex-direction: column;
-}
-
-.col {
-  display: flex;
-  flex-direction: column;
-}
-
-.row {
-  border-top: 1px solid var(--base300);
-  min-height: 430px;
-}
-
-.row > .col {
-  border-left: 1px solid var(--base300);
-  padding: 20px;
-}
-
-.row > .col:first-child {
-  border-left: 0;
-  padding-left: 0;
-}
-
-.row > .col:last-child {
-  padding-right: 0;
-}
-
-@media only screen and (max-width: 992px) {
-  .row {
-    border: 0;
-  }
-
-  .row > .col {
-    border-top: 1px solid var(--base300);
-    border-left: 0;
-    padding: 20px 0;
-  }
-}

components/layout/GridRow.js

@@ -1,18 +0,0 @@
-import { Row, cloneChildren } from 'react-basics';
-import styles from './GridRow.module.css';
-import classNames from 'classnames';
-
-export default function GridRow(props) {
-  const { children, className, ...rowProps } = props;
-  return (
-    <Row {...rowProps} className={className}>
-      {breakpoint =>
-        cloneChildren(children, () => {
-          return {
-            className: classNames(styles.column, styles[breakpoint]),
-          };
-        })
-      }
-    </Row>
-  );
-}

components/layout/GridRow.module.css

@@ -1,21 +0,0 @@
-.column {
-  padding: 20px;
-  border-top: 1px solid var(--base200);
-  border-left: 1px solid var(--base200);
-}
-
-.column:first-child {
-  padding-left: 0;
-  border-left: 0;
-}
-
-.column:last-child {
-  padding-right: 0;
-}
-
-.column.xs,
-.column.sm,
-.column.md {
-  border-left: 0;
-  border-right: 0;
-}