Spaces:
Sleeping
Sleeping
File size: 1,153 Bytes
fca46f5 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | /* MessageInput styles */
.message-input-bar {
display: flex;
align-items: center;
gap: 12px;
padding: 16px 20px;
background-color: var(--color-white);
border-top: 2px solid var(--color-border);
box-shadow: 0 -2px 8px var(--color-shadow);
}
.message-input-field {
flex: 1;
min-height: 56px;
font-size: 20px;
padding: 14px 20px;
border: 2px solid var(--color-border);
border-radius: var(--radius-md);
background-color: var(--color-white);
color: var(--color-text);
transition: border-color var(--transition), box-shadow var(--transition);
/* Override reset from globals */
margin: 0;
}
.message-input-field:focus {
outline: none;
border-color: var(--color-primary);
box-shadow: 0 0 0 3px var(--color-primary-light);
}
.message-input-field:disabled {
background-color: var(--color-surface-alt);
color: var(--color-text-light);
cursor: not-allowed;
}
.message-input-field::placeholder {
color: var(--color-text-light);
}
.message-send-btn {
flex-shrink: 0;
min-height: 56px;
padding: 14px 28px;
font-size: 20px;
font-weight: 700;
border-radius: var(--radius-md);
white-space: nowrap;
}
|