holm/bruno
1
0
Fork 0
forked from extern/bruno
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: mock component for collection toolbar

Browse Source
This commit is contained in:
Anoop M D 2022-03-05 22:49:46 +05:30
parent ac7d5c04a3
commit d089cee5d6
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -21,8 +21,8 @@ const Navbar = () => {
return ( return (
<StyledWrapper className="px-2 py-2 flex items-center"> <StyledWrapper className="px-2 py-2 flex items-center">
<div> <div>
<span className="ml-2">My Workspace</span> <span className="ml-2">Collections</span>
<FontAwesomeIcon className="ml-2" icon={faCaretDown} style={{fontSize: 13}}/> {/* <FontAwesomeIcon className="ml-2" icon={faCaretDown} style={{fontSize: 13}}/> */}
</div> </div>
<div className="collection-dropdown flex flex-grow items-center justify-end"> <div className="collection-dropdown flex flex-grow items-center justify-end">
<Dropdown onCreate={onMenuDropdownCreate} icon={<MenuIcon />} placement='bottom-start'> <Dropdown onCreate={onMenuDropdownCreate} icon={<MenuIcon />} placement='bottom-start'>

8
packages/grafnode-run/src/pageComponents/Main/index.js
View File

@ -31,6 +31,8 @@ import 'codemirror/addon/fold/foldgutter.css';
import 'codemirror/addon/dialog/dialog.css'; import 'codemirror/addon/dialog/dialog.css';
import 'codemirror/addon/hint/show-hint.css'; import 'codemirror/addon/hint/show-hint.css';
import { IconStack, IconGitFork } from '@tabler/icons';
const RequestTabPanel = dynamic(import('@grafnode/components').then(mod => mod.RequestTabPanel), { ssr: false }); const RequestTabPanel = dynamic(import('@grafnode/components').then(mod => mod.RequestTabPanel), { ssr: false });
export default function Main() { export default function Main() {
@ -52,6 +54,12 @@ export default function Main() {
activeRequestTabId={activeRequestTabId} activeRequestTabId={activeRequestTabId}
/> />
<section className='flex flex-grow flex-col'> <section className='flex flex-grow flex-col'>
<div className="flex items-center" style={{"padding": "8px", "padding-bottom": "4px"}}>
<IconStack size={18} strokeWidth={1.5}/>
<span className="ml-2 mr-4 font-semibold">spacex</span>
<IconGitFork size={16} strokeWidth={1}/>
<span className="ml-1 text-xs">main</span>
</div>
<RequestTabs <RequestTabs
requestTabs={requestTabs} requestTabs={requestTabs}
actions={actions} actions={actions}