diff --git a/my-workspace/projects/sae-lib/buttons/feedback-button/feedback-button.css b/my-workspace/projects/sae-lib/buttons/feedback-button/feedback-button.css index a387091..dd36fe1 100644 --- a/my-workspace/projects/sae-lib/buttons/feedback-button/feedback-button.css +++ b/my-workspace/projects/sae-lib/buttons/feedback-button/feedback-button.css @@ -1,21 +1,4 @@ .feedback-button { - /*background: #ecf3fa;*/ - /*color: #083b7d;*/ - /*padding: 8px;*/ - /*border-radius: 8px;*/ - /*border-bottom-left-radius: 0;*/ - /*border-bottom-right-radius: 0;*/ - /*transform: rotate(270deg);*/ - /*cursor: pointer;*/ - /*display: flex;*/ - /*align-items: center;*/ - /*gap: 8px;*/ - - /*margin-right: -35px;*/ - /*position: fixed;*/ - /*right: 0;*/ - /*top: 240px;*/ - /*z-index: 100;*/ &:hover { background: #d9e8f6; @@ -174,10 +157,7 @@ } } } - -/ -/ -Spinner animation + .spinning { animation: spin 1s linear infinite; } diff --git a/my-workspace/projects/sae-lib/src/styles/_conversations.scss b/my-workspace/projects/sae-lib/src/styles/_conversations.scss index ddb651b..f445cac 100644 --- a/my-workspace/projects/sae-lib/src/styles/_conversations.scss +++ b/my-workspace/projects/sae-lib/src/styles/_conversations.scss @@ -16,8 +16,8 @@ line-height: 16px; /* 114.286% */ width: 300px; position: relative; - left: -64px; - top: -32px; + left: -16px; + top: -42px; .time-ago { color: #1E1F22; @@ -50,21 +50,29 @@ max-width: 100%; + .message-content { + padding-right: 60px; + padding-left: 24px; + display: inline-block; + } + &.llm { background: rgba(#3b87cc, 10%); margin-right: 100px; margin-left: 10px; text-align: left; + padding-bottom: 16px; - .message-content { - margin-left: -25px; - } .actions { - margin-right: -25px; + margin-right: 24px; padding-right: 0; padding-bottom: 0; } + + .user-infos { + top: -22px; + } } &.user { @@ -73,8 +81,14 @@ margin-left: 260px; text-align: right; - padding-top: 12px; - padding-bottom: 12px; + .bottom-actions { + display: none; + } + + .message-content { + top: -16px; + position: relative; + } .actions { position: relative; diff --git a/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss b/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss index 5433708..cc46faa 100644 --- a/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss +++ b/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss @@ -26,10 +26,16 @@ .navbar-item { padding: 10px; margin-left: 16px; + border-bottom: 2px solid transparent; i { font-size: 24px; } + + &.is-active { + background: #7FB8E7 !important; + border-bottom: 2px solid #7FB8E7; + } } } @@ -336,8 +342,8 @@ max-height: 90vh; margin: 0 auto; padding-top: 10px; - padding-left: 200px; - padding-right: 200px; + padding-left: 60px; + padding-right: 60px; overflow: auto; min-width: 915px; } diff --git a/old-sae-airwatch/src/app/chatbot/chatbot.html b/old-sae-airwatch/src/app/chatbot/chatbot.html index 644f17b..709d5ba 100644 --- a/old-sae-airwatch/src/app/chatbot/chatbot.html +++ b/old-sae-airwatch/src/app/chatbot/chatbot.html @@ -59,9 +59,11 @@ } - - Documentation - + + Ask question + + Documentation +