nostr/primal-web-app
1
0
Fork 0
mirror of https://github.com/PrimalHQ/primal-web-app.git synced 2024-09-29 00:10:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update Downloads page

Browse Source
This commit is contained in:
Bojan Mojsilovic 2023-07-26 14:43:48 +02:00
parent 4ab1d6515b
commit be3bbacb07
4 changed files with 106 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/public/primal-download-thumbnail.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 446 KiB

91
src/pages/Downloads.module.scss
View File

@ -54,20 +54,52 @@
width: 290px;
}
div {
color: var(--text-primary);
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 20px;
}
.appStore {
padding-block: 24px;
width: 308px;
background-color: var(--background-card);
border-radius: 8px;
.desktopCTA {
color: var(--text-primary);
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 20px;
margin-bottom: 9px;
}
.buidDetails {
display: flex;
justify-content: center;
width: 100%;
color: var(--text-tertiary-2);
font-size: 14px;
font-weight: 400;
line-height: 18px;
>div:first-child {
display: flex;
flex-direction: column;
align-items: flex-end;
margin-right: 8px;
color: var(--text-tertiary-2);
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
>div:last-child {
display: flex;
flex-direction: column;
align-items: flex-start;
color: var(--text-tertiary-2);
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
}
>a {
margin-top: 16px;
width: 120px;
@ -85,6 +117,45 @@
width: 134px;
height: 40px;
}
.desktopCTA {
color: var(--text-primary);
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 20px;
margin-bottom: 9px;
}
.buidDetails {
display: flex;
justify-content: center;
width: 100%;
color: var(--text-tertiary-2);
font-size: 14px;
font-weight: 400;
line-height: 18px;
>div:first-child {
display: flex;
flex-direction: column;
align-items: flex-end;
margin-right: 8px;
color: var(--text-tertiary-2);
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
>div:last-child {
display: flex;
flex-direction: column;
align-items: flex-start;
color: var(--text-tertiary-2);
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
}
}
}
@ -143,7 +214,7 @@
flex-direction: column;
>div {
> div {
.desktopCTA {
display: none;
}

26
src/pages/Downloads.tsx
View File

@ -115,7 +115,7 @@ const Downloads: Component = () => {
<div class={styles.linkHolder}>
<div class={styles.appStore}>
<div>{intl.formatMessage(t.appStoreCaption)}</div>
<div class={styles.desktopCTA}>{intl.formatMessage(t.callToActionIOSTitle)}</div>
<div class={styles.callToActionIOS}>
<div class={styles.ctaTitle}>
@ -123,6 +123,17 @@ const Downloads: Component = () => {
</div>
</div>
<div class={styles.buidDetails}>
<div>
<div>released:</div>
<div>build:</div>
</div>
<div>
<div>July 26, 2023</div>
<div>0.23.1</div>
</div>
</div>
<a
href='https://testflight.apple.com/join/Is4tmDDR'
target='_blank'
@ -131,7 +142,7 @@ const Downloads: Component = () => {
</a>
</div>
<div class={styles.playStore}>
<div>{intl.formatMessage(t.apkDownload)}</div>
<div class={styles.desktopCTA}>{intl.formatMessage(t.callToActionAndroidTitle)}</div>
<div class={styles.callToActionAndroid}>
<div class={styles.ctaTitle}>
@ -139,6 +150,17 @@ const Downloads: Component = () => {
</div>
</div>
<div class={styles.buidDetails}>
<div>
<div>released:</div>
<div>build:</div>
</div>
<div>
<div>July 26, 2023</div>
<div>0.12.3</div>
</div>
</div>
<a
href='https://downloads.primal.net/android/primal-0.11.2.apk'
target='_blank'

2
src/translations.ts
View File

@ -117,7 +117,7 @@ export const downloads = {
},
callToActionAndroidTitle: {
id: 'downloads.ctaAndroidTitle',
defaultMessage: 'Primal Android Alpha',
defaultMessage: 'Primal Android Beta',
description: 'Title for the Android downloads\' page call-to-action',
},
callToActionAndroidDescription: {