fix: gradient on header

applantic · Apr 24, 2019 · e9efe81 · e9efe81
1 parent 41b99f8
commit e9efe81
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/sections/Header.jsx b/src/sections/Header.jsx
@@ -39,10 +39,13 @@ const LogoContainer = styled.div`
   align-items: center;
   margin-right: auto;
   color: ${({ theme }) => theme.colors.white};
+  font-size: 1.2rem;
 `;
 
 const Logo = styled.img`
   margin-right: .6rem
+  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.25);
+  border-radius: 50%;
 `;
 
 export default () => (

diff --git a/src/styles/theme.js b/src/styles/theme.js
@@ -4,8 +4,8 @@ export const createTheme = ({ primary, secondary }) => ({
   primary,
   secondary,
   colors,
-  primaryGradient: `linear-gradient(90deg, ${colors.darkPeach} 0%, ${
-    colors.peach
+  primaryGradient: `linear-gradient(90deg, ${colors.peach} 0%, ${
+    colors.darkPeach
   } 100%)`,
   secondaryGradient: `linear-gradient(90deg, ${colors.oceanBlue} 0%, ${
     colors.scampi