Add Cursor Pointer on Clickables

CameraKit · May 28, 2018 · 57133d6 · 57133d6
1 parent e77c949
commit 57133d6
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/components/public/nav/index.js b/src/components/public/nav/index.js
@@ -7,7 +7,7 @@ import LogoType from './ic_logotype.svg';
 import MenuIcon from './ic_menu.svg';
 
 class Nav extends React.Component {
-  constructor(props){
+  constructor(props) {
     super(props);
 
     this.state = {
@@ -38,7 +38,7 @@ class Nav extends React.Component {
               aria-expanded={this.state.active}
               title="Toggle menu"
               aria-controls="menu">
-              <MenuIcon/>
+              <MenuIcon />
             </button>
             <Menu active={this.state.active} toggle={this.toggleActive} />
           </div>

diff --git a/src/components/public/nav/nav.scss b/src/components/public/nav/nav.scss
@@ -44,6 +44,7 @@
   &:hover, &:active, &:focus {
     outline: none;
     color: $primary;
+    cursor: pointer;
   }
 
   svg, rect {

diff --git a/src/pages/public/home/intro.scss b/src/pages/public/home/intro.scss
@@ -63,6 +63,9 @@
   margin-left: -3.438em;
   bottom: 10%;
   z-index: 1;
+  &:hover {
+    cursor: pointer;
+  }
 }
 
 .madeInAmerica {