Просмотр исходного кода

搜索组件 添加 compact 参数

visuddhinanda 2 лет назад
Родитель
Сommit
bb877347e6
1 измененных файлов с 11 добавлено и 8 удалено
  1. 11 8
      dashboard/src/components/dict/Dictionary.tsx

+ 11 - 8
dashboard/src/components/dict/Dictionary.tsx

@@ -87,14 +87,17 @@ const DictionaryWidget = ({ word, compact = false, onSearch }: IWidget) => {
           <Row style={{ paddingTop: "0.5em", paddingBottom: "0.5em" }}>
           <Row style={{ paddingTop: "0.5em", paddingBottom: "0.5em" }}>
             {compact ? <></> : <Col flex="auto"></Col>}
             {compact ? <></> : <Col flex="auto"></Col>}
             <Col flex="560px">
             <Col flex="560px">
-              <SearchVocabulary
-                value={wordInput?.toLowerCase()}
-                onSearch={dictSearch}
-                onSplit={(word: string | undefined) => {
-                  console.log("onSplit", word);
-                  setSplit(word);
-                }}
-              />
+              <div style={{ display: "flex" }}>
+                <SearchVocabulary
+                  compact={compact}
+                  value={wordInput?.toLowerCase()}
+                  onSearch={dictSearch}
+                  onSplit={(word: string | undefined) => {
+                    console.log("onSplit", word);
+                    setSplit(word);
+                  }}
+                />
+              </div>
             </Col>
             </Col>
             {compact ? <></> : <Col flex="auto"></Col>}
             {compact ? <></> : <Col flex="auto"></Col>}
           </Row>
           </Row>