Reorganize chat buttons (#3892)

This commit is contained in:
oobabooga 2023-09-13 02:36:12 -03:00 committed by GitHub
parent 34dc7306b8
commit 5e3d2f7d44
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 101 additions and 35 deletions

View file

@ -293,11 +293,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
}
.chat-parent {
height: calc(100dvh - 262px) !important;
}
.bigchat {
height: calc(100dvh - 180px) !important;
height: calc(100dvh - 172px) !important;
}
}
@ -316,14 +312,10 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
}
.chat-parent {
height: calc(100dvh - 272px);
height: calc(100dvh - 182px);
overflow: auto !important;
}
.bigchat {
height: calc(100dvh - 200px);
}
.chat > .messages {
display: flex;
flex-direction: column;
@ -468,3 +460,33 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
#chat-tab .generating {
display: none !important;
}
.hover-element {
position: relative;
font-size: 24px;
}
.hover-menu {
display: none;
position: absolute;
bottom: 80%;
left: 0;
background-color: var(--background-fill-secondary);
z-index: 100;
min-width: 300px;
flex-direction: column;
}
.hover-element:hover .hover-menu {
display: flex;
}
.hover-menu button {
width: 100%;
background: transparent !important;
border-radius: 0px !important;
}
.hover-menu button:hover {
background: var(--button-secondary-background-fill-hover) !important;
}