You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
2.1 KiB
95 lines
2.1 KiB
@media screen and (max-width: 450px){ |
|
.chat-inputs{ |
|
border-bottom-right-radius: 40px; |
|
border-bottom-left-radius: 40px; |
|
width: 100%; |
|
padding : 2px 15px 70px; |
|
align-items : flex-end; |
|
&__box{ |
|
flex: 1; |
|
border-radius: 30px; |
|
background: rgb(18,15,153); |
|
background: linear-gradient(90deg, rgba(18,15,153,1) 0%, rgba(105,9,121,1) 60%); |
|
min-height: 45px; |
|
margin-right: 10px; |
|
align-items: center; |
|
padding : 8px 15px; |
|
&--file{ |
|
width: 30px; |
|
height: 30px; |
|
position: relative; |
|
align-self : flex-end; |
|
input[type=file]{ |
|
opacity: 0; |
|
width :100%; |
|
height : 100%; |
|
z-index: 100; |
|
position: relative; |
|
} |
|
} |
|
// input[type=text]{ |
|
// flex : 1; |
|
// background-color: inherit; |
|
// border : 0px; |
|
// text-align: right; |
|
// direction: rtl; |
|
// color : white; |
|
// font-size: 14px; |
|
// &:focus{ |
|
// outline:none; |
|
// } |
|
// &::placeholder{ |
|
// color : white; |
|
// } |
|
// } |
|
.MuiTextField-root{ |
|
flex : 1; |
|
border : 0px !important; |
|
outline : none !important; |
|
text-align : right; |
|
textarea{ |
|
text-align: right; |
|
direction: rtl; |
|
color : white; |
|
font-size: 14px; |
|
font-family: IRANSansNumeralLight; |
|
} |
|
} |
|
} |
|
&__voice{ |
|
&--icon{ |
|
width: 45px; |
|
height: 45px; |
|
border-radius: 30px; |
|
justify-content:center; |
|
align-items:center; |
|
background-color: white; |
|
} |
|
} |
|
} |
|
} |
|
|
|
|
|
.audio-react-recorder{ |
|
display:none; |
|
} |
|
|
|
.MuiInput-underline:hover:not(.Mui-disabled):before { |
|
border-bottom: 0px !important; |
|
} |
|
|
|
.MuiInput-underline:hover:not(.Mui-disabled):before{ |
|
border-bottom : 0px !important; |
|
} |
|
|
|
.MuiInput-underline:hover:not(.Mui-disabled):before{ |
|
border-bottom : 0px !important; |
|
} |
|
|
|
.MuiInput-underline:after{ |
|
border-bottom : 0px !important; |
|
} |
|
|
|
.MuiInput-underline:before{ |
|
border-bottom: 0px !important; |
|
} |