Some Changes on editor

main
Pedram Keshavarzi 2 years ago
parent 194955625f
commit ddff6172a9
  1. 33
      src/view/addProduct/Main/editor.css
  2. 2
      src/view/chatPage/index.js

@ -75,12 +75,14 @@
height: 100%; height: 100%;
align-items: center; align-items: center;
padding: 0 5px; padding: 0 5px;
direction: ltr;
} }
.rdw-dropdown-optionwrapper { .rdw-dropdown-optionwrapper {
z-index: 100; z-index: 100;
position: relative; position: absolute;
border: 1px solid #F1F1F1; border: 1px solid #F1F1F1;
width: 98%; /* width: 98%; */
background: white; background: white;
border-radius: 2px; border-radius: 2px;
margin: 0; margin: 0;
@ -139,24 +141,33 @@
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 6px; margin-bottom: 6px;
flex-wrap: wrap flex-wrap: wrap;
} }
.rdw-fontsize-dropdown { .rdw-fontsize-dropdown {
min-width: 40px; min-width: 40px;
/* width: 100px; */
direction: ltr;
} }
.rdw-fontsize-option { .rdw-fontsize-option {
display: flex; display: flex;
justify-content: center; justify-content: center;
width:100px
} }
.rdw-fontfamily-wrapper { .rdw-fontfamily-wrapper {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 6px; margin-bottom: 6px;
flex-wrap: wrap flex-wrap: wrap;
direction: rtl;
} }
.rdw-fontfamily-dropdown { .rdw-fontfamily-dropdown {
width: 115px; width: 115px;
direction: ltr;
} }
.rdw-fontfamily-placeholder { .rdw-fontfamily-placeholder {
white-space: nowrap; white-space: nowrap;
@ -166,6 +177,9 @@
} }
.rdw-fontfamily-optionwrapper { .rdw-fontfamily-optionwrapper {
width: 140px; width: 140px;
direction: rtl;
} }
.rdw-list-wrapper { .rdw-list-wrapper {
@ -315,6 +329,7 @@
position: absolute; position: absolute;
top: 35px; top: 35px;
left: 5px; left: 5px;
right:40px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 235px; width: 235px;
@ -391,6 +406,7 @@
position: absolute; position: absolute;
top: 35px; top: 35px;
left: 5px; left: 5px;
right:40px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 235px; width: 235px;
@ -489,7 +505,8 @@
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 6px; margin-bottom: 6px;
position: relative; position: absolute;
/* right:35%; */
flex-wrap: wrap flex-wrap: wrap
} }
.rdw-emoji-modal { .rdw-emoji-modal {
@ -497,13 +514,15 @@
position: absolute; position: absolute;
top: 35px; top: 35px;
left: 5px; left: 5px;
right:40px;
border-radius: 10px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
width: 235px; width: 235px;
height: 180px; height: 180px;
border: 1px solid #F1F1F1; border: 1px solid #F1F1F1;
padding: 15px; padding: 15px;
border-radius: 2px; /* border-radius: 2px; */
z-index: 100; z-index: 100;
background: white; background: white;
box-shadow: 3px 3px 5px #BFBDBD; box-shadow: 3px 3px 5px #BFBDBD;
@ -517,6 +536,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color:#bdc1c9
} }
.rdw-spinner { .rdw-spinner {
@ -569,6 +589,7 @@
position: absolute; position: absolute;
top: 35px; top: 35px;
left: 5px; left: 5px;
right:40px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 235px; width: 235px;

@ -167,7 +167,7 @@ const ChatPage = ({
messages.map((message) => ( messages.map((message) => (
<div className={`w-full p-5 flex ${message.userId == user.id && 'rtl'}`}> <div className={`w-full p-5 flex ${message.userId == user.id && 'rtl'}`}>
{message.userId == contact.id && <img src={message.userId == contact.id ? contact.avatar : user.avatar} className={`w-12 h-12 rounded-full ${message.userId == user.id ? 'ml-2' : 'mr-2'}`}/>} {message.userId == contact.id && <img src={message.userId == contact.id ? contact.avatar : user.avatar} className={`w-12 h-12 rounded-full ${message.userId == user.id ? 'ml-2' : 'mr-2'}`}/>}
<div className={`${message.userId == user.id ? 'bg-blue-200 text-gray-500 text-sm rounded-tr-none' : 'bg-blue-400 text-gray-100 text-sm rounded-tl-none'} p-3 rounded-xl text-right flex flex-col `}> <div className={`${message.userId == user.id ? 'bg-blue-200 text-gray-500 text-sm rounded-tr-none' : 'bg-blue-400 text-gray-100 text-sm rounded-tl-none'} p-3 rounded-xl text-right flex flex-col `} style={{maxWidth: '50%'}}>
<p>{message.value}</p> <p>{message.value}</p>
<div className={` mt-2 w-full flex items-center ${message.userId == user.id ?'justify-end' : 'justify-start'} text-xs`}> <div className={` mt-2 w-full flex items-center ${message.userId == user.id ?'justify-end' : 'justify-start'} text-xs`}>
{ {

Loading…
Cancel
Save