* Add useDeviceList hook Signed-off-by: Ajay Bura <ajbura@gmail.com> * Add isCrossVerified func to matrixUtil Signed-off-by: Ajay Bura <ajbura@gmail.com> * Add className prop in sidebar avatar comp Signed-off-by: Ajay Bura <ajbura@gmail.com> * Add unverified session indicator in sidebar Signed-off-by: Ajay Bura <ajbura@gmail.com> * Add info card component Signed-off-by: Ajay Bura <ajbura@gmail.com> * Add css variables Signed-off-by: Ajay Bura <ajbura@gmail.com> * Add cross signin status hook Signed-off-by: Ajay Bura <ajbura@gmail.com> * Add hasCrossSigninAccountData function Signed-off-by: Ajay Bura <ajbura@gmail.com> * Add cross signin info card in device manage component Signed-off-by: Ajay Bura <ajbura@gmail.com> * Add cross signing and key backup component Signed-off-by: Ajay Bura <ajbura@gmail.com> * Fix typo Signed-off-by: Ajay Bura <ajbura@gmail.com> * WIP Signed-off-by: Ajay Bura <ajbura@gmail.com> * Add cross singing dialogs Signed-off-by: Ajay Bura <ajbura@gmail.com> * Add cross signing set/reset Signed-off-by: Ajay Bura <ajbura@gmail.com> * Add SecretStorageAccess component Signed-off-by: Ajay Bura <ajbura@gmail.com> * Add key backup Signed-off-by: Ajay Bura <ajbura@gmail.com> * WIP * WIP * WIP * WIP * Show progress when restoring key backup * Add SSSS and key backup
55 lines
1023 B
SCSS
55 lines
1023 B
SCSS
.cross-signing {
|
|
&__setup {
|
|
padding: var(--sp-normal);
|
|
}
|
|
&__setup-entry {
|
|
& > *:not(:first-child) {
|
|
margin-top: var(--sp-normal);
|
|
}
|
|
}
|
|
|
|
&__error {
|
|
color: var(--tc-danger-high);
|
|
margin-top: var(--sp-ultra-tight) !important;
|
|
}
|
|
|
|
&__setup-divider {
|
|
margin: var(--sp-tight) 0;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
&::before,
|
|
&::after {
|
|
flex: 1;
|
|
content: '';
|
|
margin: var(--sp-tight) 0;
|
|
border-bottom: 1px solid var(--bg-surface-border);
|
|
}
|
|
}
|
|
}
|
|
|
|
.cross-signing__key {
|
|
padding: var(--sp-normal);
|
|
|
|
&-text {
|
|
margin: var(--sp-normal) 0;
|
|
padding: var(--sp-extra-tight);
|
|
background-color: var(--bg-surface-low);
|
|
border-radius: var(--bo-radius);
|
|
}
|
|
&-btn {
|
|
display: flex;
|
|
& > button:last-child {
|
|
margin: 0 var(--sp-normal);
|
|
}
|
|
}
|
|
}
|
|
|
|
.cross-signing__failure,
|
|
.cross-signing__reset {
|
|
padding: var(--sp-normal);
|
|
padding-top: var(--sp-extra-loose);
|
|
& > .text {
|
|
padding-bottom: var(--sp-normal);
|
|
}
|
|
} |