tykayn/ng-implementation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change input

Browse source
This commit is contained in:
Tykayn 2025-08-14 15:48:54 +02:00 • committed by tykayn
parent 6c3d1564d4
commit 04b7cb7003
7 changed files with 95 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

2
my-workspace/projects/sae-lib/alert-box/alert-box.scss
View file

@ -7,6 +7,8 @@
border-radius: shadows.$spacing-1; border-radius: shadows.$spacing-1;
margin-top: shadows.$spacing-1; margin-top: shadows.$spacing-1;
margin-bottom: shadows.$spacing-1; margin-bottom: shadows.$spacing-1;
text-align: left;
margin-left: -100px;
} }

25
my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
View file

@ -3,7 +3,7 @@
#layout_demo { #layout_demo {
.app-theme-light & { .app-theme-light & {
background: #fff; background: variables.$white;
} }
.app-theme-dark & { .app-theme-dark & {
@ -15,7 +15,6 @@
} }
} }
.layout-split {
.navbar { .navbar {
background: #1b1d27; background: #1b1d27;
color: white; color: white;
@ -26,11 +25,9 @@
padding-right: 24px; padding-right: 24px;
&:last-of-type { &:last-of-type {
padding-right: 32px; padding-right: 32px;
} }
&.user-account-item { &.user-account-item {
background: #525668; background: #525668;
@ -41,6 +38,11 @@
border-bottom: 2px solid #7FB8E7; border-bottom: 2px solid #7FB8E7;
color: #7FB8E7; color: #7FB8E7;
} }
&:hover {
background: #3B3E4D;
border-bottom: 2px solid #7FB8E7;
}
} }
.navbar-brand { .navbar-brand {
@ -74,6 +76,9 @@
} }
.layout-split {
.navigation { .navigation {
background: variables.$bg-color-nav; background: variables.$bg-color-nav;
color: variables.$neutral-white; color: variables.$neutral-white;
@ -308,6 +313,10 @@
min-width: 900px; min-width: 900px;
.is-small-right & {
min-width: 1200px;
}
} }
.chatbot-container-box { .chatbot-container-box {
@ -372,7 +381,8 @@
} }
.main-conversation-container { .main-conversation-container {
//margin-right: 16px;
height: 100vh;
padding-top: 88px; padding-top: 88px;
border-radius: 10px; border-radius: 10px;
background: variables.$bg-color-chat; background: variables.$bg-color-chat;
@ -484,8 +494,9 @@
} }
.conversation-bottom { .conversation-bottom {
padding: 10px 200px; padding: 10px 60px;
margin-top: -100px; //margin-top: -100px;
margin-top: -43px;
} }
.bottom-warning-container { .bottom-warning-container {

1
my-workspace/projects/sae-lib/src/styles/_variables.scss
View file

@ -23,6 +23,7 @@ $secondary-color-200: #7AC0BE;
$neutral-color: #AAA; $neutral-color: #AAA;
$neutral-blue: #1b1d27; $neutral-blue: #1b1d27;
$neutral-white: #fff; $neutral-white: #fff;
$white: #fff;
$error-color: #E84F4F; $error-color: #E84F4F;
$danger-color: #A31B1B; $danger-color: #A31B1B;

6
old-sae-airwatch/src/app/chatbot/chatbot.html
View file

@ -60,15 +60,15 @@
</a> </a>
<a class="navbar-item is-active"> <a class="navbar-item is-active">
<i class="ri-layout-right-line"></i> <i class="ri-chat-4-line"></i>
Ask question Ask question
</a> </a>
<a class="navbar-item"> <a class="navbar-item">
<i class="ri-layout-right-line"></i> <i class="ri-database-2-line"></i>
Knowledge base Knowledge base
</a> </a>
<a class="navbar-item"> <a class="navbar-item">
<i class="ri-layout-right-line"></i> <i class="ri-compass-3-line"></i>
Quick start Quick start
</a> </a>
<div class="navbar-item "> <div class="navbar-item ">

4
old-sae-airwatch/src/app/chatbot/chatbot.scss
View file

@ -74,6 +74,10 @@
font-weight: 500; font-weight: 500;
line-height: 100px; /* 500% */ line-height: 100px; /* 500% */
&:hover {
background: #005AA2;
color: white;
}
} }
.aside-toggle-button { .aside-toggle-button {

12
old-sae-airwatch/src/app/chatbot/prompt-input/prompt-input.html
View file

@ -1,22 +1,16 @@
<div class="prompt-input"> <div class="prompt-input">
<!-- bottom input--> <!-- bottom input-->
<div class="columns">
<div class="column is-four-fifths">
<div class="magic"> <div class="magic">
<i class="ri-sparkling-2-line"></i> <i class="ri-sparkling-2-line"></i>
</div> </div>
<input (keydown)="handleKeyEvent($event)" [(ngModel)]="userInput" <input (keydown)="handleKeyEvent($event)" [(ngModel)]="userInput"
placeholder="Ask questions, request or a web search" type="text"> placeholder="Ask questions, request or a web search" type="text">
</div>
<div class="column is-one-fifth"> <!-- <app-prompt-indicator></app-prompt-indicator>-->
<app-prompt-indicator></app-prompt-indicator>
<button (click)="submitMessage()" class="submit"> <button (click)="submitMessage()" class="submit">
<i class="ri-send-plane-fill"></i> <i class="ri-send-plane-2-line"></i>
</button> </button>
</div> </div>
</div>
</div>

20
old-sae-airwatch/src/app/chatbot/prompt-input/prompt-input.scss
View file

@ -2,11 +2,10 @@
.prompt-input { .prompt-input {
margin: 20px auto; margin: 20px auto;
max-width: 914px;
background: variables.$neutral-white; background: variables.$neutral-white;
border-radius: 0.5rem; border-radius: 0.5rem;
padding: 10px 10px; padding: 10px 10px;
box-shadow: 0 5px 10px #ededed; box-shadow: 0 5px 10px variables.$shadow-color;
.column { .column {
@ -14,13 +13,11 @@
} }
input { input {
width: 100%; width: 668px;
border: 0; border: 0;
padding: 10px; padding: 10px;
@extend .is-shadowed !optional; @extend .is-shadowed !optional;
float: left; float: left;
margin-left: 50px;
margin-top: -40px;
&:focus { &:focus {
outline: none; outline: none;
@ -28,24 +25,29 @@
} }
button { button {
background: white; background: variables.$neutral-white;
padding: 10px; padding: 10px;
border: 1px solid transparent; border: 1px solid transparent;
cursor: pointer; cursor: pointer;
border-radius: 10px; border-radius: 10px;
&:hover { &:hover {
background: grey; color: variables.$main-color-active;
border: 1px solid black; fill: variables.$main-color-active;
background: 1px solid variables.$bg-color-button;
} }
.submit {
float: right;
display: inline-block;
}
} }
.magic { .magic {
padding: 10px; padding: 10px;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 10px; border-radius: 10px;
background: #f5f5f5; background: variables.$bg-color-chat;
width: 40px; width: 40px;
height: 40px; height: 40px;
float: left; float: left;