feat: review the bottom navigation

2022-11-20 14:52:05 +01:00
parent 0523e7ae12
commit 23f016ecc3
2 changed files with 46 additions and 3 deletions
--- a/src/blog_assets/css/index.scss
+++ b/src/blog_assets/css/index.scss
@@ -311,10 +311,43 @@ h1 + .post-metadata {
 }
 .post-nav ul {
  display: flex;
+  gap: 1rem;
+  margin: 0;
  justify-content: space-around;
  list-style: none;
  padding: 0;
-  margin: 2rem 1rem 0 0;
+
+  a {
+    display: flex;
+    flex-direction: row;
+    text-decoration: none;
+    align-items: center;
+    padding: 1.5rem;
+    color: var(--text-color);
+    height: 100%;
+  }
+  .icon {
+    font-size: 36px;
+  }
+  .previous, .next {
+    flex-basis: 50%;
+    background: var(--color-gray-20);
+    border-radius: 8px;
+
+    &:hover {
+      background: var(--color-gray-50);
+    }
+  }
+  .previous {
+    .icon {
+      margin-right: 2rem;
+    }
+  }
+  .next {
+    .icon {
+      margin-left: 2rem;
+    }
+  }
 }

 /* Direct Links / Markdown Headers */