Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2026-04-24 18:38:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix error handling in QR code screen

Browse Source
This commit is contained in:
Fedor Indutny
2024-07-01 14:51:49 -07:00
committed by GitHub
parent 06789623d5
commit c046d36851
9 changed files with 253 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
stylesheets/components/InstallScreenQrCodeNotScannedStep.scss
View File

@@ -33,7 +33,7 @@
$size: 256px;
align-items: center;
border: 2px solid transparent;
border: 1.5px solid transparent;
box-sizing: content-box;
display: flex;
flex-direction: column;
@@ -51,13 +51,31 @@
&--load-failed {
@include font-subtitle;
border-color: $color-gray-05;
border-radius: 4px;
border-radius: 10px;
color: $color-gray-60;
}
&__link {
@include button-reset;
@include font-body-2-bold;
display: flex;
gap: 4px;
align-items: center;
color: $color-ultramarine;
margin-block-start: 16px;
&::before {
@include color-svg(
'../images/icons/v3/refresh/refresh-bold.svg',
$color-ultramarine
);
content: '';
display: block;
height: 16px;
width: 16px;
}
}
&__code {
@@ -69,6 +87,7 @@
&__error-message {
text-align: center;
@include font-body-2;
&::before {
@include color-svg(
@@ -78,14 +97,39 @@
content: '';
display: block;
height: 22px;
margin-block: 8px 0;
margin-block: 0 8px;
margin-inline: auto;
width: 22px;
}
a {
color: $color-ultramarine;
text-decoration: none;
margin-inline: 24px;
}
&__error-message p {
margin-block: 0;
}
&__get-help {
@include font-body-2-bold;
display: flex;
gap: 4px;
align-items: center;
margin-block-start: 16px;
color: $color-ultramarine;
text-decoration: none;
&::before {
@include color-svg(
'../images/icons/v3/open/open-compact-bold.svg',
$color-ultramarine
);
content: '';
display: block;
height: 16px;
width: 16px;
}
}
}