Refactoring Sidebar component

ollelauribostrom · Jan 18, 2019 · 3865c1a · 3865c1a
1 parent 86b946c
commit 3865c1a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/src/components/Sidebar/Sidebar.css b/src/components/Sidebar/Sidebar.css
@@ -37,11 +37,12 @@
 
 .sidebar__section__heading {
   margin-bottom: 5px;
-  color: #6e297a;
+  font-size: 16px;
 }
 
 .sidebar__link {
   text-decoration: none;
   display: block;
-  margin: 20px 0;
+  margin: 15px 0;
+  font-size: 14px;
 }
diff --git a/src/components/Sidebar/Sidebar.js b/src/components/Sidebar/Sidebar.js
@@ -32,7 +32,12 @@ const Sidebar = ({ color, menuColor, menuBackground }) => (
         width={250}
       >
         <div className="sidebar__section">
-          <h3 className="sidebar__section__heading">Work</h3>
+          <h3
+            className="sidebar__section__heading"
+            style={{ color: menuColor.hex }}
+          >
+            Work
+          </h3>
           {data.allDatoCmsCategory.edges.map(edge => (
             <Link
               key={edge.node.slug}
@@ -45,7 +50,12 @@ const Sidebar = ({ color, menuColor, menuBackground }) => (
           ))}
         </div>
         <div className="sidebar__section">
-          <h3 className="sidebar__section__heading">About</h3>
+          <h3
+            className="sidebar__section__heading"
+            style={{ color: menuColor.hex }}
+          >
+            About
+          </h3>
           <Link
             to="/resume"
             style={{ color: menuColor.hex }}