Jelajahi Sumber

Add TagInput styles

Tatiana Inama 7 tahun lalu
induk
melakukan
e981e0e2d4

+ 1 - 0
recipes/src/components/TagInput/index.tsx

@@ -60,6 +60,7 @@ class TagInput extends Component<TagInputProps, TagInputState> {
           label={this.props.label || 'Tags'}
           onChange={(e) => this.setState({newTag: e.currentTarget.value})}
           onKeyDown={this.handleKeyDown}
+          icon='waiter'
         />
         <ChipSet
           input

+ 9 - 1
recipes/src/components/TagInput/styles.scss

@@ -1,9 +1,17 @@
+@import 'styles/_variables.scss';
+
 .cbk-tag-input {
   display: flex;
   flex-direction: row;
-  
+  align-items: flex-end;
+
   .mdc-text-field {
     grid-column-end: span 3;
     width: auto!important;
   }
+
+  .mdc-chip__text {
+    font-family: $font-family-display;
+    font-weight: $font-weight-bold;
+  }
 }