button redesign

This commit is contained in:
Jan Prochazka
2020-04-04 10:20:56 +02:00
parent a50d1166d4
commit a3e9ba61af
9 changed files with 161 additions and 28 deletions

View File

@@ -8,6 +8,7 @@ import databaseAppObject from '../appobj/databaseAppObject';
import { useSetCurrentDatabase, useCurrentDatabase } from '../utility/globalState';
import tableAppObject from '../appobj/tableAppObject';
import theme from '../theme';
import InlineButton from './InlineButton';
const SearchBoxWrapper = styled.div`
display: flex;
@@ -38,13 +39,6 @@ const InnerContainer = styled.div`
width: ${theme.leftPanel.width}px;
`;
const Button = styled.button`
// -webkit-appearance: none;
// -moz-appearance: none;
// appearance: none;
// width: 50px;
`;
const Input = styled.input`
flex: 1;
min-width: 90px;
@@ -76,7 +70,7 @@ function ConnectionList() {
<>
<SearchBoxWrapper>
<Input type="text" placeholder="Search connection" value={filter} onChange={e => setFilter(e.target.value)} />
<Button>Refresh</Button>
<InlineButton>Refresh</InlineButton>
</SearchBoxWrapper>
<InnerContainer>
@@ -102,7 +96,7 @@ function SqlObjectList({ conid, database }) {
value={filter}
onChange={e => setFilter(e.target.value)}
/>
<Button>Refresh</Button>
<InlineButton>Refresh</InlineButton>
</SearchBoxWrapper>
<InnerContainer>
<AppObjectList