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;