MCorange/cinny
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI improvement in SSO

Browse Source 
Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura
2021-10-24 17:33:56 +05:30
parent ed62d06b5e
commit 4022e4969d
2 changed files with 50 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/app/molecules/sso-buttons/SSOButtons.scss
View File

@@ -1,31 +1,43 @@
.sso-buttons {
margin-top: var(--sp-extra-loose);
&__divider {
display: flex;
align-items: center;
display: flex;
justify-content: center;
flex-wrap: wrap;
&__fallback-text {
margin: var(--sp-tight) 0px;
flex-basis: 100%;
text-align: center;
color: var(--bg-primary);
cursor: pointer;
&::before,
&::after {
flex: 1;
content: '';
margin: var(--sp-tight);
border-bottom: 1px solid var(--bg-surface-border);
}
}
&__container {
margin-bottom: var(--sp-extra-loose);
display: flex;
justify-content: center;
flex-wrap: wrap;
}
}
.sso-button {
margin-bottom: var(--sp-normal);
display: flex;
.sso-btn {
margin: var(--sp-tight);
display: inline-flex;
justify-content: center;
flex-basis: 20%;
cursor: pointer;
&__img {
height: var(--av-normal);
height: var(--av-small);
width: var(--av-small);
}
&__text-only {
flex-basis: 100%;
text-align: center;
margin: var(--sp-tight) 0px;
cursor: pointer;
& .text {
color: var(--tc-link);
}
}
}