feat: work on displaying more complex doc structure

2023-04-11 15:52:48 -05:00
parent 7739cf2958
commit 68d6dd5f59
8 changed files with 82 additions and 11 deletions
@@ -27,18 +27,22 @@
  flex-direction: column;
  gap: 0.25rem;
  white-space: nowrap;
+  width: 100%;
 }

 .listItem {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
-  gap: 0.5rem;
+  gap: 0.25rem;
  cursor: pointer;
-  padding: 0 0.5rem;
+  padding-left: 0.5rem;
+  margin-right: 1rem;
+  width: 100%;
 }

-.link {
+.link,
+.activeLink {
  text-decoration: none;
  color: #a3acb9;
 }
@@ -47,12 +51,16 @@
  color: white;
 }

+.activeLink {
+  background-color: #1e1e1e;
+}
+
 .expandable {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
-  gap: 1rem;
+  gap: 3rem;
 }

 .chevron {