diff --git a/src/components/navBar/index.js b/src/components/navBar/index.js index 07c827f..a83ec9f 100644 --- a/src/components/navBar/index.js +++ b/src/components/navBar/index.js @@ -1,7 +1,6 @@ import React from 'react'; -import { FaBars } from 'react-icons/fa'; import {Nav,NavBarContainer,NavLogo,MobileIcon,NavMenu,NavItem,NavLinks,NavBtn,SocialMedia, SocialMediaWrap, SocialIcons, SocialIconLink} from './navBarElements'; -import {FaTwitter, FaEnvelope, FaLinkedin, FaGithub} from 'react-icons/fa'; +import {FaTwitter, FaEnvelope, FaLinkedin, FaGithub, FaBars, FaKaggle } from 'react-icons/fa'; //import { Typography } from 'antd'; // const { Title } = Typography; @@ -14,7 +13,10 @@ const Navbar = ({toggle}) => { - + + + + @@ -24,8 +26,8 @@ const Navbar = ({toggle}) => { - - + + diff --git a/src/components/navBar/navBarElements.js b/src/components/navBar/navBarElements.js index 18cce2c..f12be20 100644 --- a/src/components/navBar/navBarElements.js +++ b/src/components/navBar/navBarElements.js @@ -194,7 +194,7 @@ export const SocialIcons = styled.div` display:flex; justify-content:space-between; align-items:center; - width:240px; + width:320px; ` export const SocialIconLink = styled.a` ${'' /* color:#F7F2EF; */} diff --git a/src/components/sideBar/index.js b/src/components/sideBar/index.js index 8401576..9503fb8 100644 --- a/src/components/sideBar/index.js +++ b/src/components/sideBar/index.js @@ -4,7 +4,7 @@ import {SideBarContainer, Icon ,CloseIcon,SideBarWrapper,SideBarMenu,SideBtnWrap import {Typography } from "antd"; //import "antd/dist/antd.css"; // import { RightOutlined } from '@ant-design/icons'; -import {FaTwitter, FaEnvelope, FaLinkedin, FaGithub} from 'react-icons/fa'; +import {FaTwitter, FaEnvelope, FaLinkedin, FaGithub, FaKaggle} from 'react-icons/fa'; const { Title } = Typography; @@ -46,6 +46,9 @@ const SideBar = ({title1,title5,isOpen,toggle}) => { + + + @@ -55,8 +58,8 @@ const SideBar = ({title1,title5,isOpen,toggle}) => { - - + +