소스 검색

[UI] Fix ksql panes overlap (#2804)

Co-authored-by: Roman Zabaluev <rzabaluev@provectus.com>
Artem Tanyhin 2 년 전
부모
커밋
a12380100e
1개의 변경된 파일6개의 추가작업 그리고 1개의 파일을 삭제
  1. 6 1
      kafka-ui-react-app/src/components/KsqlDb/Query/QueryForm/QueryForm.styled.ts

+ 6 - 1
kafka-ui-react-app/src/components/KsqlDb/Query/QueryForm/QueryForm.styled.ts

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