feat: add rtlcss to styled components.

This commit is contained in:
a.bouhuolia
2021-12-27 11:08:05 +02:00
parent e1646e92a8
commit a1ed9bf4da
8 changed files with 24 additions and 52 deletions

View File

@@ -12,8 +12,6 @@ import { useSMSMessageDialogContext } from './SMSMessageDialogProvider';
import { SMSMessagePreview } from 'components';
import { getSMSUnits } from '../../NotifyViaSMS/utils';
import { whenRtl, whenLtr } from 'utils/styled-components';
/**
* SMS message form content.
*/
@@ -98,22 +96,16 @@ const MessageVariable = styled.div`
const FormContent = styled.div`
display: flex;
`;
const FormFields = styled.div`
width: 55%;
`;
const FormPreview = styled.div`
display: flex;
flex-direction: column;
width: 45%;
${whenLtr(`
padding-left: 25px;
margin-left: 25px;
border-left: 1px solid #dcdcdd;
`)}
${whenRtl(`
padding-right: 25px;
margin-right: 25px;
border-right: 1px solid #dcdcdd;
`)}
padding-left: 25px;
margin-left: 25px;
border-left: 1px solid #dcdcdd;
`;