IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Login: fix line, text colors

Browse Source
This commit is contained in:
Viktor Fomin 2022-11-11 04:41:49 +05:00
parent 1768e7fe8d
commit 643e9285ce
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/login/src/client/components/Login.tsx
View File

@ -224,9 +224,7 @@ const Login: React.FC<ILoginProps> = ({
)}
{(oauthDataExists() || ssoExists()) && (
<div className="line">
<Text color="#A3A9AE" className="or-label">
{t("Or")}
</Text>
<Text className="or-label">{t("Or")}</Text>
</div>
)}
<LoginForm

5
packages/login/src/client/components/StyledLogin.ts
View File

@ -69,6 +69,7 @@ export const LoginContainer = styled.div`
}
.or-label {
color: ${(props) => props.theme.login.orTextColor};
margin: 0 32px;
}
@ -76,7 +77,7 @@ export const LoginContainer = styled.div`
display: flex;
width: 320px;
align-items: center;
color: #eceef1;
color: ${(props) => props.theme.login.orLineColor};
padding: 32px 0;
@media ${tablet} {
@ -92,7 +93,7 @@ export const LoginContainer = styled.div`
.line:after {
content: "";
flex-grow: 1;
background: #eceef1;
background: ${(props) => props.theme.login.orLineColor};
height: 1px;
font-size: 0px;
line-height: 0px;