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
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; |
|
}
|
|
|