GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-01 00:11:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: style is updated

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/container/Trace/Search/AllTags/index.tsx
View File

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

14
frontend/src/container/Trace/Search/AllTags/styles.ts
View File

@ -35,20 +35,16 @@ export const Wrapper = styled.div`
} }
`; `;
export const ButtonContainer = styled.div` export const ButtonContainer = styled(Card)`
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
align-items: center; 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-top: 1rem !important;
margin-right: 1rem;
}
`; `;
export const CurrentTagsContainer = styled.div` export const CurrentTagsContainer = styled.div`

1
frontend/src/container/Trace/Search/index.tsx
View File

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