update nav

t4sk · Mar 2, 2020 · f8ed631 · f8ed631
1 parent 3c8d9a1
commit f8ed631
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 11 deletions.
diff --git a/src/components/Nav.js b/src/components/Nav.js
@@ -3,10 +3,12 @@ import { Menu, Container, Image } from "semantic-ui-react"
 import logo from "./logo.svg"
 
 export function Nav(props) {
+  // TODO responsive
   return (
     <Menu
       borderless
       fluid
+      inverted
       fixed="top"
       style={
         {
@@ -17,11 +19,16 @@ export function Nav(props) {
       size="large"
     >
       <Container>
-        <Menu.Item header as="a" href="/">
+        <Menu.Item
+          header
+          as="a"
+          href="/"
+          style={{ padding: 0, paddingRight: 15 }}
+        >
           <Image
             src={logo}
             style={{
-              height: 24,
+              height: 48,
               backgroundColor: "#1b1c1d",
               margin: 5,
               borderRadius: 4,

diff --git a/src/components/__snapshots__/Nav.test.js.snap b/src/components/__snapshots__/Nav.test.js.snap
@@ -5,6 +5,7 @@ exports[`it renders 1`] = `
   borderless={true}
   fixed="top"
   fluid={true}
+  inverted={true}
   size="large"
   style={Object {}}
 >
@@ -13,6 +14,12 @@ exports[`it renders 1`] = `
       as="a"
       header={true}
       href="/"
+      style={
+        Object {
+          "padding": 0,
+          "paddingRight": 15,
+        }
+      }
     >
       <Image
         alt="logo"
@@ -22,7 +29,7 @@ exports[`it renders 1`] = `
           Object {
             "backgroundColor": "#1b1c1d",
             "borderRadius": 4,
-            "height": 24,
+            "height": 48,
             "margin": 5,
           }
         }
@@ -32,14 +39,7 @@ exports[`it renders 1`] = `
     </MenuItem>
     <MenuMenu
       position="right"
-    >
-      <MenuItem
-        as="a"
-        href="/about"
-      >
-        About
-      </MenuItem>
-    </MenuMenu>
+    />
   </Container>
 </Menu>
 `;