download page style updates
This commit is contained in:
parent
08dc5fa23b
commit
2fd72096ae
@ -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)}
|
||||||
|
@ -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
|
||||||
|
@ -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
|
||||||
|
Loading…
Reference in New Issue
Block a user