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

margin main chat column

Browse source
This commit is contained in:
Tykayn 2025-08-12 16:00:56 +02:00 • committed by tykayn
parent e9e127487c
commit 03dfa4ae38
4 changed files with 58 additions and 7 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

@ -3,7 +3,7 @@
.alert {
padding: 1rem 2rem;
border: solid 1px black;
//border: solid 1px black;
border-radius: shadows.$spacing-1;
margin-top: shadows.$spacing-1;
margin-bottom: shadows.$spacing-1;

2
my-workspace/projects/sae-lib/src/styles/_conversations.scss
View file

@ -40,7 +40,7 @@
}
.message {
padding: 16px 50px;
padding: 0;
border-radius: 8px;
margin-bottom: 40px;

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

@ -56,6 +56,21 @@
.is-expanded-left & .column-conversation {
width: variables.$large-column-panel;
flex-basis: variables.$large-column-panel;
padding-right: 32px;
}
.column-main {
width: 1193px;
padding-top: 32px;
.title {
margin-left: 16px;
}
.export-chat-button {
float: right
}
}
}
@ -72,13 +87,32 @@
@extend .nav-button !optional;
margin: 0 16px 0;
color: #1B1D27;
.funnel {
display: inline-block;
float: right;
height: 16px;
//background: blue;
}
&.is-expanded {
width: calc(100% - 12px);
margin-right: 12px;
}
}
.new-button {
background: linear-gradient(70deg, #07397C -37.98%, #1767AD 17.98%, #255B8E 53.85%);
@extend .nav-button !optional;
width: 100%;
text-align: center;
//width: 100%;
//text-align: center;
display: flex;
width: 284px;
height: 44px;
justify-content: center;
align-items: center;
flex-shrink: 0;
i {
width: 20px;
@ -88,6 +122,13 @@
.label {
display: none;
color: #FFF;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 100px;
.is-expanded-left & {
display: block;
@ -109,10 +150,12 @@
.is-expanded-left & {
width: variables.$large-column-panel;
flex-basis: variables.$large-column-panel;
padding-right: 22px;
}
.conversation-container {
padding-left: 12px;
max-height: 80vh;
}
input {
@ -143,7 +186,7 @@
.active-peak {
position: relative;
right: calc(-100% - 32px);
right: calc(-100% - 16px);
top: -35px;
visibility: visible;
}
@ -251,7 +294,8 @@
max-height: 90vh;
margin: 0 auto;
padding-top: 10px;
padding-left: 10px;
padding-left: 200px;
padding-right: 200px;
overflow: auto;
min-width: 915px;
}
@ -368,4 +412,11 @@
.bottom-warning-container {
margin-left: 70px;
margin-top: 18px;
//position: relative;
bottom: 12px;
//left: 12px;
.is-expanded-left & {
left: 300px;
}
}

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

@ -65,7 +65,7 @@ $csc-filters-box-color: #E3EAF1;
$bot-bubble: $csc-light-yellow-color;
// sizes
$large-column-panel: 300px;
$large-column-panel: 332px;
$small-column-panel: 50px;
// spacing --------------------------