improvement: navbar

src/components/NavBar.css

@@ -1,15 +1,3 @@
-.custom-toggler.navbar-toggler {
-    border-color:#007bff;
-}
-
-.navbar-brand {
-    font-weight: bolder;
-    font-size: 25px;
-    color: #007bff;
-}
-
 .custom-toggler .navbar-toggler-icon {
-    
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(9,55,150, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
-
 } 

src/components/NavBar.js

@@ -14,6 +14,11 @@ import Button from '../components/Button';
 import './NavBar.css';
 import logo from '../assets/admin.svg';
 
+const styleNavbarBrand = {
+  fontWeight: 'bolder',
+  fontSize: '25px'
+};
+
 
 class NavBar extends Component {
   constructor(props) {
@@ -47,13 +52,12 @@ class NavBar extends Component {
     return (
       <Navbar
         fixed="top"
-        color="light"
-        light
         expand="sm"
-        className="shadow-sm p-3 mb-5 bg-white"
+        className="shadow-sm bg-white"
       >
         <Container>
           <NavbarBrand
+            style={styleNavbarBrand}
             onClick={this.closeNavbar}
             tag={Link}
             to="/"
@@ -72,15 +76,13 @@ class NavBar extends Component {
           >
 
             <Nav className="ml-auto" navbar>
-            
               <NavItem>
                 <Button
                   onClick={this.closeNavbar}
                   tag={Link}
                   to="/login"
                 >
-                  <img src={logo} alt="admin login"></img>
+                  Login <img src={logo} alt="admin login"></img>
-                  Admin
                 </Button>
               </NavItem>
             </Nav>