top bar cart designs

mitodl · Jan 6, 2025 · a383350 · a383350
1 parent 97df27c
commit a383350
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/frontend/public/scss/top-app-bar.scss b/frontend/public/scss/top-app-bar.scss
@@ -125,13 +125,18 @@ header.site-header {
   }
 }
 
+.border-left-top-bar {
+  border-left: 1px solid $home-page-border-grey;
+}
+
 .full-screen-top-menu {
   display: block;
   font-size: 14px;
   line-height: 21px;
 
   .top-nav-link {
-    padding: 13px 10px 13px 20px;
+    padding: 2px 10px 2px 20px;
+    margin: 11px 10px 11px 20px;
     display: inline-block;
     color: black;
     text-decoration: none;

diff --git a/frontend/public/scss/variables.scss b/frontend/public/scss/variables.scss
@@ -31,7 +31,7 @@ $brand-darker-bg: #a31f34;
 $home-page-header-blue: #03152D;
 $home-page-grey-text: #6F7175;
 $home-page-grey-lite: #F0F5F7;
-$home-page-border-grey: #DFE5EC;
+$home-page-border-grey: #B8C2CC;
 $home-page-dark-blue: #000C1B;
 $home-page-video-player-blue: #0C8CE9;
 $home-page-facebook-blue: #395492;

diff --git a/frontend/public/src/components/TopBar.js b/frontend/public/src/components/TopBar.js
@@ -68,7 +68,7 @@ const TopBar = ({ currentUser }: Props) => {
                 <MixedLink
                   id="catalog"
                   dest={routes.catalog}
-                  className="top-nav-link"
+                  className="top-nav-link border-left-top-bar"
                   aria-label="Catalog"
                 >
                   Catalog