signal-desktop/stylesheets/components/BackupImportScreen.scss
automated-signal 1ae77a32db
Add a backup media download progress bar
Co-authored-by: trevor-signal <131492920+trevor-signal@users.noreply.github.com>
2024-09-04 12:58:52 +10:00

53 lines
875 B
SCSS

// Copyright 2024 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
.BackupImportScreen {
display: flex;
width: 100vw;
height: 100vh;
justify-content: center;
align-items: center;
}
.BackupImportScreen__content {
text-align: center;
}
.BackupImportScreen__title {
@include font-title-2;
margin-block: 0 20px;
}
.BackupImportScreen .ProgressBar {
margin-block-end: 14px;
}
.BackupImportScreen__progressbar-hint {
@include font-caption;
margin-block-end: 22px;
@include light-theme {
color: rgba($color-gray-60, 0.8);
}
@include dark-theme {
color: $color-gray-25;
}
}
.BackupImportScreen__progressbar-hint--hidden {
visibility: hidden;
}
.BackupImportScreen__description {
@include font-body-1;
@include light-theme {
color: $color-gray-60;
}
@include dark-theme {
color: $color-gray-25;
}
}