style updated for chrome

This commit is contained in:
Danny Coates 2018-11-05 14:19:26 -08:00
parent 7394d20cb7
commit 43748295b0
No known key found for this signature in database
GPG Key ID: 4C442633C62E00CB
6 changed files with 7 additions and 13 deletions

View File

@ -42,11 +42,6 @@ progress::-webkit-progress-value {
@apply bg-white; @apply bg-white;
} }
.info {
height: 90%;
max-height: 32rem;
}
.header-logo { .header-logo {
background-image: url('../assets/send_logo_white.svg'); background-image: url('../assets/send_logo_white.svg');
background-position: left; background-position: left;
@ -150,8 +145,10 @@ progress::-webkit-progress-value {
@apply flex-1; @apply flex-1;
@apply self-center; @apply self-center;
@apply items-center; @apply items-center;
@apply my-10; @apply m-auto;
@apply py-8;
min-height: 33rem;
max-height: 40rem; max-height: 40rem;
width: calc(100% - 3rem); width: calc(100% - 3rem);
} }
@ -162,7 +159,5 @@ progress::-webkit-progress-value {
.main > section { .main > section {
@apply shadow-md; @apply shadow-md;
min-height: 30rem;
} }
} }

View File

@ -16,7 +16,7 @@ function banner(state, emit) {
function body(main) { function body(main) {
return function(state, emit) { return function(state, emit) {
const b = html`<body class="flex flex-col items-center font-sans bg-blue-lightest md:min-h-screen md:bg-grey-lightest justify-between"> const b = html`<body class="flex flex-col items-center font-sans bg-blue-lightest md:h-screen md:bg-grey-lightest">
${banner(state, emit)} ${banner(state, emit)}
${header(state, emit)} ${header(state, emit)}
${main(state, emit)} ${main(state, emit)}

View File

@ -27,7 +27,7 @@ module.exports = function(state, emit) {
${state.modal && modal(state, emit)} ${state.modal && modal(state, emit)}
<section class="h-full w-full p-6 md:flex md:flex-row z-10"> <section class="h-full w-full p-6 md:flex md:flex-row z-10">
<div class="md:mr-6 md:w-1/2">${left}</div> <div class="md:mr-6 md:w-1/2">${left}</div>
<div class="md:w-1/2 overflow-y-scroll mt-6 md:mt-0">${right}</div> <div class="md:w-1/2 mt-6 md:mt-0">${right}</div>
</section> </section>
</main>`; </main>`;
}; };

View File

@ -4,7 +4,7 @@ const assets = require('../../common/assets');
module.exports = function intro(state) { module.exports = function intro(state) {
return html` return html`
<article class="flex flex-col items-center justify-center bg-white border border-grey-light md:border-none px-6 text-center md:py-0 py-6 md:mb-0 mb-6 h-full"> <article class="flex flex-col items-center justify-center bg-white border border-grey-light md:border-none px-6 text-center md:py-0 py-6 md:mb-0 mb-6 h-full">
<div class="info flex flex-col items-center justify-between"> <div class="flex flex-col items-center justify-between h-full py-8">
<p class="text-center"> <p class="text-center">
<div class="font-semibold leading-normal">${state.translate( <div class="font-semibold leading-normal">${state.translate(
'uploadPageHeader' 'uploadPageHeader'

View File

@ -2,7 +2,7 @@ const html = require('choo/html');
module.exports = function(state, emit) { module.exports = function(state, emit) {
return html` return html`
<div class="absolute pin flex items-center justify-center overflow-hidden z-40 bg-cloud" onclick=${close}> <div class="absolute pin flex items-center justify-center overflow-hidden my-8 z-40 bg-cloud" onclick=${close}>
<div class="h-full max-h-screen absolute pin-t flex items-center"> <div class="h-full max-h-screen absolute pin-t flex items-center">
<div class="shadow-cloud bg-white" onclick=${e => e.stopPropagation()}> <div class="shadow-cloud bg-white" onclick=${e => e.stopPropagation()}>
${state.modal(state, emit, close)} ${state.modal(state, emit, close)}

View File

@ -8,7 +8,6 @@ describe('Firefox Send homepage', function() {
const footerLinks = [ const footerLinks = [
'mozilla', 'mozilla',
'legal', 'legal',
'about',
'legal', 'legal',
'cookies', 'cookies',
'report-infringement', 'report-infringement',