Commit 85720254 authored by Muhammadali's avatar Muhammadali

update-

parent 95218211
...@@ -266,7 +266,8 @@ const ModalPhoneNumpad = ({ ...@@ -266,7 +266,8 @@ const ModalPhoneNumpad = ({
<p className='call_text'>{translator.translate('CALL')}</p> <p className='call_text'>{translator.translate('CALL')}</p>
</div> </div>
<div className='right' onClick={() => setExNum(!exNum)}> <div className='right' onClick={() => setExNum(!exNum)}>
<KeyboardControlKeyIcon className='icon' /> {/* <KeyboardControlKeyIcon className='icon' /> */}
<div className='icon'></div>
</div> </div>
</NumberButton.CallButton> </NumberButton.CallButton>
<NumberButton.CallButtonModal visiblevalue={exNum}> <NumberButton.CallButtonModal visiblevalue={exNum}>
......
...@@ -157,12 +157,20 @@ NumberButton.CallButton = styled.div` ...@@ -157,12 +157,20 @@ NumberButton.CallButton = styled.div`
border-bottom-right-radius: 20px; border-bottom-right-radius: 20px;
display: flex; display: flex;
align-items: center; align-items: center;
.icon { .icon {
margin: 0 auto; /* margin: 0 auto;
padding: 0; padding: 0;
color: #000; color: #000;
transition: 0.2s; transition: 0.2s; */
margin: 0 auto;
border: 4px solid transparent;
width: 8px;
height: 8px;
opacity: 0.7;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-top-color: #000;
transform: ${({ exNum }) => (exNum ? 'rotate(177deg)' : 'rotate(0deg)')}; transform: ${({ exNum }) => (exNum ? 'rotate(177deg)' : 'rotate(0deg)')};
} }
::before { ::before {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment