Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Commit

Permalink
Implement new download apps dialog
Browse files Browse the repository at this point in the history
  • Loading branch information
justjanne committed Jul 29, 2022
1 parent 1e4c336 commit 894d53c
Show file tree
Hide file tree
Showing 9 changed files with 187 additions and 2 deletions.
1 change: 1 addition & 0 deletions res/css/_components.pcss
Original file line number Diff line number Diff line change
Expand Up @@ -94,6 +94,7 @@
@import "./views/context_menus/_RoomNotificationContextMenu.pcss";
@import "./views/dialogs/_AddExistingToSpaceDialog.pcss";
@import "./views/dialogs/_AnalyticsLearnMoreDialog.pcss";
@import "./views/dialogs/_AppDownloadDialog.pcss";
@import "./views/dialogs/_BugReportDialog.pcss";
@import "./views/dialogs/_BulkRedactDialog.pcss";
@import "./views/dialogs/_ChangelogDialog.pcss";
Expand Down
70 changes: 70 additions & 0 deletions res/css/views/dialogs/_AppDownloadDialog.pcss
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
.mx_AppDownloadDialog {
display: flex;
flex-direction: column;
gap: $spacing-32;
color: $primary-content;

.mx_AppDownloadDialog_desktop {
display: flex;
flex-direction: column;
align-items: center;
gap: $spacing-16;
}

.mx_AppDownloadDialog_mobile {
display: flex;
flex-direction: row;
gap: $spacing-24;

.mx_AppDownloadDialog_app {
display: flex;
flex-direction: column;
flex-grow: 1;
flex-basis: 50%;
align-items: center;
gap: $spacing-16;

.mx_QRCode {
padding: $spacing-24;
border: 1px solid $quinary-content;
border-radius: 4px;
align-self: stretch;
display: flex;
align-items: center;
flex-direction: column;

.mx_VerificationQRCode {
height: 144px;
width: 144px;
image-rendering: pixelated;
border-radius: 0;
}
}

.mx_AppDownloadDialog_info {
font-size: $font-12px;
color: $tertiary-content;
}

.mx_AppDownloadDialog_links {
display: flex;
flex-direction: row;
gap: $spacing-8;

.mx_AccessibleButton {
svg {
height: 40px;
}
}
}
}
}

.mx_AppDownloadDialog_legal {
p {
margin: 0;
font-size: $font-12px;
color: $tertiary-content;
}
}
}
1 change: 1 addition & 0 deletions res/img/badges/f-droid.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 894d53c

Please sign in to comment.