signal-desktop/stylesheets/components/SafetyNumberViewer.scss

87 lines
1.6 KiB
SCSS
Raw Normal View History

// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
.module-SafetyNumberViewer {
text-align: center;
&__icon {
height: 1.25em;
width: 1.25em;
vertical-align: text-bottom;
display: inline-block;
}
&__icon--verified {
display: inline-block;
2023-05-04 18:04:22 +00:00
height: 20px;
2023-04-20 17:03:43 +00:00
margin-inline-end: 4px;
vertical-align: text-bottom;
2023-05-04 18:04:22 +00:00
width: 20px;
@include light-theme {
2023-05-04 18:04:22 +00:00
@include color-svg('../images/icons/v3/check/check.svg', $color-gray-95);
}
@include dark-theme {
2023-05-04 18:04:22 +00:00
@include color-svg('../images/icons/v3/check/check.svg', $color-gray-02);
}
}
&__icon--shield {
display: inline-block;
2023-05-04 18:04:22 +00:00
height: 20px;
2023-04-20 17:03:43 +00:00
margin-inline-end: 4px;
vertical-align: text-bottom;
2023-05-04 18:04:22 +00:00
width: 20px;
@include light-theme {
2023-05-04 18:04:22 +00:00
@include color-svg(
'../images/icons/v3/safety_number/safety_number.svg',
$color-gray-95
);
}
@include dark-theme {
2023-05-04 18:04:22 +00:00
@include color-svg(
'../images/icons/v3/safety_number/safety_number.svg',
$color-gray-02
);
}
}
&__number {
border-radius: 8px;
2023-04-18 01:16:41 +00:00
font-family: $monospace;
height: 100px;
2023-04-20 17:03:43 +00:00
margin-block: 24px;
margin-inline: auto;
padding: 24px;
width: 245px;
@include light-theme {
background-color: $color-gray-02;
}
@include dark-theme {
background-color: $color-gray-90;
}
}
&__verification-status {
2023-04-20 17:03:43 +00:00
margin-block: 30px 10px;
margin-inline: 0;
text-align: center;
}
2022-03-02 18:24:28 +00:00
&__buttons {
2023-04-20 17:03:43 +00:00
text-align: end;
}
&__button {
margin-top: 30px;
}
&__modal.module-Modal {
max-width: 500px;
}
}