diff --git a/airwatch/src/app/chatbot/prompt-input/prompt-input.scss b/airwatch/src/app/chatbot/prompt-input/prompt-input.scss index eda679d..9906262 100644 --- a/airwatch/src/app/chatbot/prompt-input/prompt-input.scss +++ b/airwatch/src/app/chatbot/prompt-input/prompt-input.scss @@ -1,6 +1,12 @@ @use 'sae-lib/src/styles/_variables.scss' as variables; .prompt-input { + + display: flex; + align-items: center; + justify-content: stretch; + + margin: 20px auto; background: variables.$neutral-white; border-radius: 0.5rem; @@ -14,12 +20,11 @@ } input { - width: 326px; + width: 700px; max-width: 100%; border: 0; padding: 10px; @extend .is-shadowed !optional; - float: left; .is-expanded-right & { width: 968px; @@ -44,14 +49,7 @@ } &.submit { - position: relative; - top: 0; - right: 0; - - float: right; - display: inline-block; z-index: 10; - } } @@ -62,13 +60,19 @@ background: variables.$bg-color-chat; width: 40px; height: 40px; - float: left; + + display: flex; + align-items: center; + justify-content: center; + } // Dropdown styles .dropdown { + top: 50px; + position: relative; - display: inline-block; + //display: inline-block; &.is-active, &.is-hoverable:hover { diff --git a/airwatch/src/app/chatbot/prompt-input/prompt-input.stories.ts b/airwatch/src/app/chatbot/prompt-input/prompt-input.stories.ts index 99d63cc..a3c9f8d 100644 --- a/airwatch/src/app/chatbot/prompt-input/prompt-input.stories.ts +++ b/airwatch/src/app/chatbot/prompt-input/prompt-input.stories.ts @@ -11,7 +11,7 @@ import {ApiService} from '../../services/api-service'; const appReducer = reducers.app; const meta: Meta = { - title: 'Chatbot/Input/PromptInput', + title: 'composants/inputs/PromptInput', component: PromptInput, tags: ['autodocs'], decorators: [