Web: Login: fix styles
This commit is contained in:
parent
9ce1930f9a
commit
c03ea33c4d
@ -19,9 +19,10 @@ const ProviderRow = styled.div`
|
|||||||
align-content: center;
|
align-content: center;
|
||||||
padding-top: 12px;
|
padding-top: 12px;
|
||||||
|
|
||||||
.provider-icon {
|
svg {
|
||||||
height: 18px;
|
height: 24px;
|
||||||
width: 18px;
|
width: 24px;
|
||||||
|
padding-top: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.provider-name {
|
.provider-name {
|
||||||
@ -40,7 +41,6 @@ const MoreLoginModal = (props) => {
|
|||||||
return (
|
return (
|
||||||
<ModalDialogContainer
|
<ModalDialogContainer
|
||||||
displayType="aside"
|
displayType="aside"
|
||||||
asideBodyPadding="16px 0 0 0"
|
|
||||||
visible={visible}
|
visible={visible}
|
||||||
onClose={onClose}
|
onClose={onClose}
|
||||||
>
|
>
|
||||||
@ -53,7 +53,7 @@ const MoreLoginModal = (props) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<ProviderRow key={`ProviderItem${index}`}>
|
<ProviderRow key={`ProviderItem${index}`}>
|
||||||
<ReactSVG src={icon} className="provider-icon" />
|
<ReactSVG src={icon} />
|
||||||
<Text fontSize="14px" fontWeight="600" className="provider-name">
|
<Text fontSize="14px" fontWeight="600" className="provider-name">
|
||||||
{getProviderTranslation(label, t)}
|
{getProviderTranslation(label, t)}
|
||||||
</Text>
|
</Text>
|
||||||
|
Loading…
Reference in New Issue
Block a user