From 4b48bab2bbbca08bddc8caf798e7a9bccaf37b94 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 20 May 2023 19:35:58 +0800
Subject: [PATCH] Make nav menu look a bit nicer

---
 src/components/nav-menu.css | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/nav-menu.css b/src/components/nav-menu.css
index a3bb8830..320e96e4 100644
--- a/src/components/nav-menu.css
+++ b/src/components/nav-menu.css
@@ -3,24 +3,24 @@
     display: flex;
     width: auto;
     padding: 0;
-    /* 1px background image */
-    background-image: linear-gradient(
-      to right,
-      var(--divider-color),
-      var(--divider-color)
-    );
-    background-size: 1px 1px;
-    background-repeat: repeat-y;
-    background-position: center;
   }
   .nav-menu section {
-    width: 50%;
     padding: 8px 0;
   }
+  .nav-menu section:last-child {
+    background-color: var(--bg-faded-color);
+    background-image: linear-gradient(
+        to right,
+        var(--divider-color) 1px,
+        transparent 1px
+      ),
+      linear-gradient(to bottom, var(--bg-blur-color), transparent);
+    box-shadow: inset 0 0 1px var(--bg-color);
+  }
   .nav-menu section:last-child > .szh-menu__divider:first-child {
     display: none;
   }
-  .nav-menu .szh-menu__item span {
+  .nav-menu section:last-child .szh-menu__item span {
     white-space: normal;
   }
 }