fix: graphql editor search box styling

This commit is contained in:
lohxt1 2024-10-30 19:34:08 +05:30
parent a580f88f63
commit 7ddb8c3f4d
2 changed files with 5 additions and 1 deletions

View File

@ -50,6 +50,10 @@ const StyledWrapper = styled.div`
.cm-variable-invalid { .cm-variable-invalid {
color: red; color: red;
} }
.CodeMirror-search-hint {
display: inline;
}
`; `;
export default StyledWrapper; export default StyledWrapper;

View File

@ -209,7 +209,7 @@ export default class QueryEditor extends React.Component {
return ( return (
<> <>
<StyledWrapper <StyledWrapper
className="h-full w-full flex flex-col relative" className="h-full w-full flex flex-col relative graphiql-container"
aria-label="Query Editor" aria-label="Query Editor"
font={this.props.font} font={this.props.font}
fontSize={this.props.fontSize} fontSize={this.props.fontSize}