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;
margin-top: shadows.$spacing-1;
margin-bottom: shadows.$spacing-1;
text-align: left;
margin-left: -100px;
}

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

@ -3,7 +3,7 @@
#layout_demo {
.app-theme-light & {
background: #fff;
background: variables.$white;
}
.app-theme-dark & {
@ -15,65 +15,70 @@
}
}
.layout-split {
.navbar {
background: #1b1d27;
color: white;
height: 60px;
.navbar {
background: #1b1d27;
color: white;
height: 60px;
.navbar-item {
padding-left: 24px;
padding-right: 24px;
&:last-of-type {
padding-right: 32px;
}
&.user-account-item {
background: #525668;
color: white;
}
&.is-active {
border-bottom: 2px solid #7FB8E7;
color: #7FB8E7;
}
&:hover {
background: #3B3E4D;
border-bottom: 2px solid #7FB8E7;
}
}
.navbar-brand {
margin-right: 35px;
.navbar-item {
padding-left: 24px;
padding-right: 24px;
padding: 10px;
margin-left: 16px;
border-bottom: 2px solid transparent;
&:last-of-type {
padding-right: 32px;
i {
font-size: 24px;
}
&.user-account-item {
background: #525668;
color: white;
}
&.is-active {
border-bottom: 2px solid #7FB8E7;
color: #7FB8E7;
}
}
.navbar-brand {
margin-right: 35px;
.navbar-item {
padding: 10px;
margin-left: 16px;
border-bottom: 2px solid transparent;
i {
font-size: 24px;
}
}
}
.label {
color: #FFF;
font-family: Barlow;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin-top: -0.25em;
}
}
.label {
color: #FFF;
font-family: Barlow;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
margin-top: -0.25em;
}
}
.layout-split {
.navigation {
background: variables.$bg-color-nav;
color: variables.$neutral-white;
@ -308,6 +313,10 @@
min-width: 900px;
.is-small-right & {
min-width: 1200px;
}
}
.chatbot-container-box {
@ -372,7 +381,8 @@
}
.main-conversation-container {
//margin-right: 16px;
height: 100vh;
padding-top: 88px;
border-radius: 10px;
background: variables.$bg-color-chat;
@ -484,8 +494,9 @@
}
.conversation-bottom {
padding: 10px 200px;
margin-top: -100px;
padding: 10px 60px;
//margin-top: -100px;
margin-top: -43px;
}
.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-blue: #1b1d27;
$neutral-white: #fff;
$white: #fff;
$error-color: #E84F4F;
$danger-color: #A31B1B;

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

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

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

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

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;