Reorganize chat buttons (#3892)
This commit is contained in:
parent
34dc7306b8
commit
5e3d2f7d44
4 changed files with 101 additions and 35 deletions
42
css/main.css
42
css/main.css
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue