style: transparent input, almost-white text (stealth)
This commit is contained in:
@@ -180,14 +180,16 @@ async function main() {
|
|||||||
}
|
}
|
||||||
.q-chat .c-in {
|
.q-chat .c-in {
|
||||||
display: block; width: 100%;
|
display: block; width: 100%;
|
||||||
border: 1px solid #e0e0e0; border-radius: 4px;
|
border: none; background: transparent;
|
||||||
background: #fff; color: #333;
|
color: #f2f2f2;
|
||||||
font-size: 14px; line-height: 1.5;
|
font-size: 14px; line-height: 1.5;
|
||||||
padding: 8px 12px; resize: none;
|
padding: 4px 0; resize: none;
|
||||||
height: 34px; font-family: inherit;
|
height: 28px; font-family: inherit;
|
||||||
outline: none; box-sizing: border-box;
|
outline: none; box-sizing: border-box;
|
||||||
|
overflow: hidden; white-space: nowrap;
|
||||||
|
caret-color: #c4c4c4;
|
||||||
}
|
}
|
||||||
.q-chat .c-in::placeholder { color: #bbb; }
|
.q-chat .c-in::placeholder { color: transparent; }
|
||||||
.q-chat .c-out {
|
.q-chat .c-out {
|
||||||
margin-top: 6px; padding: 6px 12px;
|
margin-top: 6px; padding: 6px 12px;
|
||||||
font-size: 12px; color: #888; line-height: 1.5;
|
font-size: 12px; color: #888; line-height: 1.5;
|
||||||
|
|||||||
Reference in New Issue
Block a user