mirror of
https://github.com/SigNoz/signoz.git
synced 2025-12-23 02:17:11 +00:00
a8c7237bbb
* added more changes to query builder * added types for composite queries * (feat): added edit rules and create rules forms * (feat): added chart preview for alert metric ui * (feat): added threshold in chart, translations in alert form and a few fixes * feat: added a link for alert name in list alerts page and source for each rule update Co-authored-by: Pranshu Chittora <pranshu@signoz.io>
36 lines
777 B
TypeScript
36 lines
777 B
TypeScript
import { grey } from '@ant-design/colors';
|
|
import { Tag } from 'antd';
|
|
import styled from 'styled-components';
|
|
|
|
interface SearchContainerProps {
|
|
isDarkMode: boolean;
|
|
disabled: boolean;
|
|
}
|
|
|
|
export const SearchContainer = styled.div<SearchContainerProps>`
|
|
width: 70%;
|
|
border-radisu: 4px;
|
|
background: ${({ isDarkMode }): string => (isDarkMode ? '#000' : '#fff')};
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0.2rem;
|
|
border: 1px solid #ccc5;
|
|
${({ disabled }): string => (disabled ? `cursor: not-allowed;` : '')}
|
|
`;
|
|
|
|
export const QueryChipContainer = styled.span`
|
|
display: flex;
|
|
align-items: center;
|
|
margin-right: 0.5rem;
|
|
&:hover {
|
|
& > * {
|
|
background: ${grey.primary}44;
|
|
}
|
|
}
|
|
`;
|
|
|
|
export const QueryChipItem = styled(Tag)`
|
|
margin-right: 0.1rem;
|
|
`;
|