chore: style is updated

This commit is contained in:
Palash gupta 2022-04-06 16:28:39 +05:30
parent ead6885b29
commit 7150971dc0
No known key found for this signature in database
GPG Key ID: 8FD05AE6F9150AD6
3 changed files with 15 additions and 18 deletions

View File

@ -116,14 +116,16 @@ function AllTags({
</Wrapper>
<ButtonContainer>
<Button onClick={onResetHandler}>Reset</Button>
<Button
type="primary"
onClick={onRunQueryHandler}
icon={<CaretRightFilled />}
>
Run Query
</Button>
<Space align="start">
<Button onClick={onResetHandler}>Reset</Button>
<Button
type="primary"
onClick={onRunQueryHandler}
icon={<CaretRightFilled />}
>
Run Query
</Button>
</Space>
</ButtonContainer>
</Container>
);

View File

@ -35,20 +35,16 @@ export const Wrapper = styled.div`
}
`;
export const ButtonContainer = styled.div`
export const ButtonContainer = styled(Card)`
display: flex;
justify-content: flex-end;
align-items: center;
background-color: #303030;
padding-top: 11px;
padding-bottom: 11px;
padding-right: 38.01px;
margin-top: 1rem;
padding-top: 11px !important;
padding-bottom: 11px !important;
padding-right: 38.01px !important;
> button:nth-child(1) {
margin-right: 1rem;
}
margin-top: 1rem !important;
`;
export const CurrentTagsContainer = styled.div`

View File

@ -1,5 +1,4 @@
import { CaretRightFilled } from '@ant-design/icons';
import { Space } from 'antd';
import useClickOutside from 'hooks/useClickOutside';
import React, { useEffect, useRef, useState } from 'react';
import { connect, useDispatch, useSelector } from 'react-redux';