React-Group/interstellar_ai
1
1
Fork 2
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

scroll behaviour

Browse source
This commit is contained in:
YasinOnm08 2024-10-01 15:46:24 +02:00
parent 9453dd1349
commit c04d9d5654
2 changed files with 54 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

15
app/styles/output.css
View file

@ -1,5 +1,6 @@
/* Output Section */
.output {
scroll-behavior: smooth;
grid-column: 2;
grid-row: 1 / 4;
background-color: var(--output-background-color);
@ -13,6 +14,7 @@
overflow-y: auto;
width: calc(100% - 2em); /* Corrected calculation for width */
height: 86dvh;
position: relative;
}
#conversation {
@ -127,3 +129,16 @@
pointer-events: none;
user-select: none;
}
#scrollToBottom{
scroll-behavior: smooth;
visibility: hidden;
position: absolute;
height: 50px;
width: 50px;
margin: auto;
border-radius: 100%;
bottom: 16dvh;
left: 50%;
translate: -25px;
}