download page style updates

This commit is contained in:
Danny Coates 2019-02-22 12:42:10 -08:00
parent 08dc5fa23b
commit 2fd72096ae
No known key found for this signature in database
GPG Key ID: 4C442633C62E00CB
3 changed files with 13 additions and 6 deletions

View File

@ -13,6 +13,9 @@ function password(state, emit) {
class="h-full w-full flex flex-col items-center justify-center bg-white py-8" class="h-full w-full flex flex-col items-center justify-center bg-white py-8"
> >
<h1 class="mb-4">${state.translate('downloadFilesTitle')}</h1> <h1 class="mb-4">${state.translate('downloadFilesTitle')}</h1>
<p class="w-full mb-4 md:w-4/5 font-light text-center">
${state.translate('downloadMessage')}
</p>
<form <form
class="flex flex-row flex-no-wrap w-full md:w-4/5" class="flex flex-row flex-no-wrap w-full md:w-4/5"
onsubmit="${checkPassword}" onsubmit="${checkPassword}"
@ -137,9 +140,9 @@ module.exports = function(state, emit) {
break; break;
default: default:
content = html` content = html`
<div class="flex flex-col w-full h-full items-center mt-12"> <div class="flex flex-col w-full h-full items-center justify-center">
<h1 class="mb-4">${state.translate('downloadFilesTitle')}</h1> <h1 class="mb-4">${state.translate('downloadFilesTitle')}</h1>
<p class="w-full md:w-4/5 pb-4 mb-4 text-center"> <p class="w-full md:w-4/5 font-light text-center">
${state.translate('downloadMessage')} ${state.translate('downloadMessage')}
</p> </p>
${archiveTile.preview(state, emit)} ${archiveTile.preview(state, emit)}

View File

@ -3,6 +3,8 @@ const html = require('choo/html');
const { bytes, platform } = require('../utils'); const { bytes, platform } = require('../utils');
const { canceledSignup, submittedSignup } = require('../metrics'); const { canceledSignup, submittedSignup } = require('../metrics');
const DAYS = Math.floor(LIMITS.MAX_EXPIRE_SECONDS / 86400);
module.exports = function(trigger) { module.exports = function(trigger) {
return function(state, emit, close) { return function(state, emit, close) {
const hidden = platform() === 'android' ? 'hidden' : ''; const hidden = platform() === 'android' ? 'hidden' : '';
@ -15,7 +17,7 @@ module.exports = function(trigger) {
size: bytes(LIMITS.MAX_FILE_SIZE) size: bytes(LIMITS.MAX_FILE_SIZE)
})}</li> })}</li>
<li>${state.translate('accountBenefitExpiry')}</li> <li>${state.translate('accountBenefitExpiry')}</li>
<li>${state.translate('accountBenefitExpiryTwo')}</li> <li>${state.translate('accountBenefitExpiryTwo', { count: DAYS })}</li>
<li>${state.translate('accountBenefitSync')}</li> <li>${state.translate('accountBenefitSync')}</li>
</ul> </ul>
<form <form

View File

@ -171,7 +171,9 @@ accountMenuOption = Firefox Account
accountBenefitTitle = Create a Firefox Account or sign in to: accountBenefitTitle = Create a Firefox Account or sign in to:
accountBenefitLargeFiles = Share files up to { $size } accountBenefitLargeFiles = Share files up to { $size }
accountBenefitExpiry = Share files with more people accountBenefitExpiry = Share files with more people
accountBenefitExpiryTwo = Keep links active for up to { days } days accountBenefitExpiryTwo = { $count ->
*[other] Keep links active for up to { $count } days
}
accountBenefitSync = Manage shared files from any device accountBenefitSync = Manage shared files from any device
manageAccount = Manage Account manageAccount = Manage Account
logOut = Sign Out logOut = Sign Out