0ct0pu5/kafka-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[UI] Fix ksql panes overlap (#2804)

Browse source 
Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
This commit is contained in:
Artem Tanyhin 2022-10-25 15:41:09 -04:00 • committed by GitHub
parent 1b8ee3b672
commit a12380100e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
kafka-ui-react-app/src/components/KsqlDb/Query/QueryForm/QueryForm.styled.ts
View file

@ -34,17 +34,22 @@ export const StreamPropertiesContainer = styled.label`
`; `;
export const InputsContainer = styled.div` export const InputsContainer = styled.div`
overflow: hidden;
width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
gap: 10px; gap: 10px;
`; `;
export const StreamPropertiesInputWrapper = styled.div` export const StreamPropertiesInputWrapper = styled.div`
& {
width: 100%;
}
& > input { & > input {
width: 100%;
height: 40px; height: 40px;
border: 1px solid grey; border: 1px solid grey;
border-radius: 4px; border-radius: 4px;
min-width: 300px;
font-size: 16px; font-size: 16px;
padding-left: 15px; padding-left: 15px;
} }