2 lines
1.6 KiB
Vue
2 lines
1.6 KiB
Vue
|
.chat[data-v-71064116]{width:100vw;height:100vh;background:#ECEFEF;overflow:auto}.chat .chatBox[data-v-71064116]{height:88vh;overflow:auto}.chat .chatBox .chatItem[data-v-71064116]{font-size:.37333rem;width:98vw;margin-top:2vw;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 1vw}.chat .chatBox .chat_left[data-v-71064116]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.chat .chatBox .chat_right[data-v-71064116]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.chat .chatBox .flexFill[data-v-71064116]{-webkit-box-flex:1;-ms-flex:1;flex:1}.chat .chatBox .left[data-v-71064116]{border-radius:.24rem .24rem 0;background:#F86445;color:#fff;height:auto;padding:.26667rem;max-width:70vw}.chat .chatBox .right[data-v-71064116]{border-radius:0 .24rem .24rem;background:white;height:auto;padding:.26667rem;max-width:70vw}.chat .sendMessage[data-v-71064116]{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;min-height:10vw;padding:1vw 0;width:100vw;background:white;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat .sendMessage .input_area[data-v-71064116]{background:#ECEFEF;height:8vw;outline:none;border:none;margin-left:2vw;width:70vw;font-size:.37333rem;padding:0}.chat .sendMessage .sendBtn[data-v-71064116]{width:20vw;height:8vw;background:-o-linear-gradient(120deg,#F23A49,#FF9340);background:linear-gradient(-30deg,#F23A49,#FF9340);border-radius:.10667rem;color:#fff;margin-left:2vw;margin-right:2vw;font-size:.42667rem;text-align:center;line-height:8vw}
|