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.
 
 
 

143 lines
2.9 KiB

@media screen and (max-width: 4500px) {
.keys {
max-width: 465px;
min-width: 250px;
padding: 2px 0;
}
.icons {
//position: absolute;
width: 90px;
padding: 0 5px;
display: inline-block !important;
// top: 55px;
// right: -35px;
direction: ltr;
& .MuiSvgIcon-root {
font-size: 18px !important;
opacity: 0.8;
}
& span {
font-size: 11px !important;
opacity: 0.8;
}
}
.self {
direction: rtl;
text-align: right;
// left: -35px;
// right: none;
}
.MuiMenuItem-root {
min-height: 10px !important;
font-size: 12px !important;
color: grey;
padding: 5px 10px !important;
& .MuiSvgIcon-root {
font-size: 16px !important;
padding: 2px;
color: grey;
}
}
.normal-message {
// width: 100%;
position: relative;
margin-bottom: 2px;
img {
width: 65px;
height: 65px;
object-fit: cover;
border-radius: 15px;
border: 3px solid rgba(201, 201, 201, 0.857);
position: relative;
top: 20px;
z-index: 50;
}
&__box {
line-height: 1.3em;
max-width: 500px;
min-width: 250px;
display: flex;
justify-content: flex-end;
// width: 100%;
padding: 20px 10px 5px;
background-color: white;
border-radius: 15px;
position: relative;
p {
width: 100%;
text-align: right;
direction: rtl;
font-size: 15px;
// font-family: IRANSansNumeral;
font-weight: 200;
}
&--detail {
position: absolute;
width: 100%;
top: 10px;
justify-content: space-between;
font-size: 12px;
span {
font-family: IRANSansNumeralLight;
}
}
&--date {
position: absolute;
width: 100%;
padding: 20px 50px 0;
bottom: 0px;
justify-content: flex-end;
font-size: 11px;
span {
font-family: IRANSansNumeralLight;
}
}
&--caption {
width: 100%;
margin-bottom: 20px;
text-align: right;
& img {
height: 100%;
max-height: 250px;
width: 100%;
max-width: 250px;
border-radius: 0px;
border: 0px;
position: static;
}
& video {
height: 180px !important;
width: 100%;
}
& p {
margin-top: 20px;
}
// & audio{
// min-width: 100% !important;
// }
}
&--file {
background-color: inherit !important;
}
&--document {
width: 100%;
max-width: 300px;
align-items: center;
justify-content: space-between;
height: 50px;
padding: 10px;
border-radius: 10px;
div {
font-size: 14px;
}
}
}
}
}
.react-audio-player {
width: 100% !important;
color: red;
fill: red;
}