WIP Details pane + contributor profiles

Adds a 3-pane layout option for showing details, as well as a dashboard sub-route for showing contributor details in the new details pane.
2019-07-11 09:00:32 +02:00
parent 6b49ca26c0
commit 8cc1b02d19
20 changed files with 201 additions and 70 deletions
@@ -5,7 +5,7 @@ main {
    padding: 1rem;
  }

-  &#index {
+  &#dashboard {
    width: 100%;
    display: grid;
    grid-row-gap: 2rem;
@@ -32,12 +32,19 @@ main {

@media (min-width: 550px) {
  main {
-    &#index {
+    &#dashboard {
      grid-column-gap: 4rem;
      grid-row-gap: 2rem;
      grid-template-columns: 2fr 4fr;
      grid-template-areas:
        "stats contributions";
+
+      &.with-details {
+        grid-column-gap: 3rem;
+        grid-template-columns: 2fr 4fr 2fr;
+        grid-template-areas:
+          "stats contributions details";
+      }
    }
  }
 }