ui: use solid color for navbar

ghivert · Jul 18, 2024 · 190a55b · 190a55b
1 parent 8cd10b2
commit 190a55b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/apps/frontend/src/frontend/view/navbar/styles.gleam b/apps/frontend/src/frontend/view/navbar/styles.gleam
@@ -63,13 +63,11 @@ pub fn navbar(transparent: Bool, attributes, children) {
     s.grid_area("navbar"),
     s.padding_left(px(48)),
     s.gap(px(48)),
-    s.background(case transparent {
-      True -> "transparent"
-      False -> "var(--sidebar-background)"
-    }),
+    s.background("var(--sidebar-background)"),
     s.height(px(130)),
     s.z_index(1000),
     s.display("none"),
+    s.border_bottom("1px solid var(--border-color)"),
     s.media(media.max_width(px(700)), [
       s.display("flex"),
       s.gap(px(24)),

diff --git a/apps/frontend/src/stylesheets/main.css b/apps/frontend/src/stylesheets/main.css
@@ -23,7 +23,7 @@ body {
   --text-color-disabled: rgba(254, 254, 252, 0.5);
   --input-text-color: rgba(21, 21, 21, 0.6);
   --code-background: rgba(21, 21, 21, 0.05);
-  --sidebar-background: rgba(255, 175, 243, 0.2);
+  --sidebar-background: rgba(254, 236, 245, 1);
   --border-color: rgba(228, 227, 223);
   --input-background: rgba(240, 223, 233, 1);
   --text-grey-color: #555;
@@ -66,7 +66,7 @@ body {
     --input-text-color: rgba(254, 254, 252, 0.6);
     --text-color-disabled: rgba(254, 254, 252, 0.5);
     --code-background: rgba(254, 254, 252, 0.05);
-    --sidebar-background: #ffffff0d;
+    --sidebar-background: rgb(35, 37, 47);
     --border-color: rgba(254, 254, 252, 0.1);
     --input-background: rgb(57, 59, 68);
     --text-grey-color: #999;