Add background gradient to sidebar navigation

3 months ago · f412511a40
1 changed files with 10 additions and 2 deletions
--- a/apps/client/src/app/components/header/header.component.scss
+++ b/apps/client/src/app/components/header/header.component.scss
@ -7,7 +7,11 @@

    .logo-container {
      &.filled {
-        background-color: rgba(var(--palette-foreground-base), 0.02);
+        background: linear-gradient(
+          to bottom,
+          transparent,
+          rgba(var(--palette-foreground-base), 0.02)
+        );
      }

      @media (min-width: 576px) {
@ -56,7 +60,11 @@

    .logo-container {
      &.filled {
-        background-color: rgba(var(--palette-foreground-base-dark), 0.02);
+        background: linear-gradient(
+          to bottom,
+          transparent,
+          rgba(var(--palette-foreground-base-dark), 0.02)
+        );
      }
    }
  }