extern/bruno
1
0
Fork 1
mirror of https://github.com/usebruno/bruno.git synced 2024-11-21 15:33:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore: moved workspace selector to sidebar

Browse Source
This commit is contained in:
Anoop M D 2021-12-11 00:04:00 +05:30
parent 17e755123e
commit 6d71393069
4 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/grafnode-components/src/components/Navbar/StyledWrapper.js
View File

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

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

@ -6,10 +6,10 @@ import StyledWrapper from './StyledWrapper';
const Navbar = () => {
return (
<StyledWrapper className="px-3 py-2 flex items-center bg-gray-200 justify-center">
<StyledWrapper className="px-2 py-2 flex items-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}}/>
<FontAwesomeIcon className="ml-2" icon={faCaretDown} style={{fontSize: 13}}/>
</StyledWrapper>
)
};

2
packages/grafnode-components/src/components/Sidebar/index.js
View File

@ -1,10 +1,12 @@
import React from 'react';
import Collections from './Collections';
import Navbar from '../Navbar';
import { IconDatabase, IconSearch } from '@tabler/icons';
const Sidebar = ({collections, actions, dispatch, activeRequestTabId}) => {
return (
<aside>
<Navbar />
<div className="mt-4 px-2 flex">
<IconDatabase size={20} strokeWidth={1.5}/>
<span className="ml-1">No Environment</span>

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

@ -1,7 +1,6 @@
import React from 'react';
import dynamic from 'next/dynamic'
import {
Navbar,
RequestTabs,
Sidebar
} from '@grafnode/components';
@ -49,7 +48,6 @@ export default function Main() {
return (
<div>
<Navbar />
<StyledWrapper>
<Sidebar
collections={collections}
@ -57,7 +55,7 @@ export default function Main() {
dispatch={dispatch}
activeRequestTabId={activeRequestTabId}
/>
<section className='mt-4 flex flex-grow flex-col'>
<section className='flex flex-grow flex-col'>
<RequestTabs
requestTabs={requestTabs}
actions={actions}