chat section fixes
This commit is contained in:
parent
6129fb633b
commit
6817160fbc
@ -17,6 +17,7 @@
|
||||
--light: #f5f5f5;
|
||||
--shadow: rgba(0, 0, 0, 0.3);
|
||||
--font-size: 3rem;
|
||||
--chat-section-height: 7vh;
|
||||
}
|
||||
|
||||
* {
|
||||
@ -778,7 +779,8 @@ main {
|
||||
font-family: inherit;
|
||||
transition: border-color 0.3s ease;
|
||||
resize: none;
|
||||
min-height: 5vh;
|
||||
height: var(--chat-section-height);
|
||||
min-height: var(--chat-section-height);
|
||||
max-height: 50vh;
|
||||
overflow-y: visible;
|
||||
line-height: 1.4;
|
||||
@ -794,14 +796,16 @@ main {
|
||||
}
|
||||
|
||||
#send-btn,
|
||||
#scroll-btn,
|
||||
#emoji-btn {
|
||||
padding: 1rem 1.75rem;
|
||||
text-align: center;
|
||||
border-radius: 8px;
|
||||
background-color: var(--bg-tertiary);
|
||||
color: var(--text-primary);
|
||||
font-size: 1rem;
|
||||
height: 5vh;
|
||||
min-height: 5vh;
|
||||
height: var(--chat-section-height);
|
||||
min-height: var(--chat-section-height);
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
@ -809,12 +813,17 @@ main {
|
||||
}
|
||||
|
||||
#send-btn:hover:not(:disabled),
|
||||
#scroll-btn:hover:not(:disabled),
|
||||
#emoji-btn:hover:not(:disabled) {
|
||||
background-color: var(--accent);
|
||||
border-color: var(--accent);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
#scroll-btn:disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#send-btn:disabled,
|
||||
#emoji-btn:disabled {
|
||||
opacity: 0.5;
|
||||
|
Loading…
x
Reference in New Issue
Block a user