rayan/bruno
1
0
Fork 0
mirror of https://github.com/usebruno/bruno.git synced 2026-06-28 23:24:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: navbar component

Browse Source
This commit is contained in:
Anoop M D
2021-12-04 00:16:54 +05:30
parent fd4ac03a97
commit 07fc8af7ed
11 changed files with 28153 additions and 25664 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/grafnode-components/src/components/Navbar/StyledWrapper.js Normal file
View File

@@ -0,0 +1,8 @@
import styled from 'styled-components';
const StyledWrapper = styled.div`
background: #383735;
color: white;
`;
export default StyledWrapper;

12
packages/grafnode-components/src/components/Navbar/index.js
View File

@@ -1,10 +1,16 @@
import React from 'react';
import { IconBox } from '@tabler/icons';
import { faCaretDown } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import StyledWrapper from './StyledWrapper';
const Navbar = () => {
return (
<div className="px-3 py-2 flex items-center bg-gray-200 justify-center">
Navbar
</div>
<StyledWrapper className="px-3 py-2 flex items-center bg-gray-200 justify-center">
<IconBox size={22} strokeWidth={1.5}/>
<span className="ml-2">My Workspace</span>
<FontAwesomeIcon className="ml-2 text-gray-200" icon={faCaretDown} style={{fontSize: 13}}/>
</StyledWrapper>
)
};