| )} | )} | ||||
| { | { | ||||
| isShowSuggestion && ( | isShowSuggestion && ( | ||||
| <div className='pt-2 mb-2 '> | |||||
| <div className='pt-2'> | |||||
| <div className='flex items-center justify-center mb-2.5'> | <div className='flex items-center justify-center mb-2.5'> | ||||
| <div className='grow h-[1px]' | <div className='grow h-[1px]' | ||||
| style={{ | style={{ |
| .answerIcon { | .answerIcon { | ||||
| position: relative; | position: relative; | ||||
| background: url(./icons/robot.svg); | |||||
| background: url(./icons/robot.svg) 100%/100%; | |||||
| } | } | ||||
| .typeingIcon { | .typeingIcon { |
| onChange={setCurrCategory} | onChange={setCurrCategory} | ||||
| /> | /> | ||||
| <div | <div | ||||
| className='flex mt-6 flex-col overflow-auto bg-gray-100 shrink-0 grow' | |||||
| className='flex mt-6 pb-6 flex-col overflow-auto bg-gray-100 shrink-0 grow' | |||||
| style={{ | style={{ | ||||
| maxHeight: 'calc(100vh - 243px)', | maxHeight: 'calc(100vh - 243px)', | ||||
| }} | }} |