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

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

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

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

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