mirror of
https://github.com/SigNoz/signoz.git
synced 2025-12-23 18:36:16 +00:00
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;
|
||
|
|
`;
|