mirror of
https://gitlab.com/timvisee/send.git
synced 2024-11-10 05:02:45 +01:00
style updated for chrome
This commit is contained in:
parent
7394d20cb7
commit
43748295b0
11
app/main.css
11
app/main.css
@ -42,11 +42,6 @@ progress::-webkit-progress-value {
|
||||
@apply bg-white;
|
||||
}
|
||||
|
||||
.info {
|
||||
height: 90%;
|
||||
max-height: 32rem;
|
||||
}
|
||||
|
||||
.header-logo {
|
||||
background-image: url('../assets/send_logo_white.svg');
|
||||
background-position: left;
|
||||
@ -150,8 +145,10 @@ progress::-webkit-progress-value {
|
||||
@apply flex-1;
|
||||
@apply self-center;
|
||||
@apply items-center;
|
||||
@apply my-10;
|
||||
@apply m-auto;
|
||||
@apply py-8;
|
||||
|
||||
min-height: 33rem;
|
||||
max-height: 40rem;
|
||||
width: calc(100% - 3rem);
|
||||
}
|
||||
@ -162,7 +159,5 @@ progress::-webkit-progress-value {
|
||||
|
||||
.main > section {
|
||||
@apply shadow-md;
|
||||
|
||||
min-height: 30rem;
|
||||
}
|
||||
}
|
||||
|
@ -16,7 +16,7 @@ function banner(state, emit) {
|
||||
|
||||
function body(main) {
|
||||
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)}
|
||||
${header(state, emit)}
|
||||
${main(state, emit)}
|
||||
|
@ -27,7 +27,7 @@ module.exports = function(state, emit) {
|
||||
${state.modal && modal(state, emit)}
|
||||
<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: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>
|
||||
</main>`;
|
||||
};
|
||||
|
@ -4,7 +4,7 @@ const assets = require('../../common/assets');
|
||||
module.exports = function intro(state) {
|
||||
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">
|
||||
<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">
|
||||
<div class="font-semibold leading-normal">${state.translate(
|
||||
'uploadPageHeader'
|
||||
|
@ -2,7 +2,7 @@ const html = require('choo/html');
|
||||
|
||||
module.exports = function(state, emit) {
|
||||
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="shadow-cloud bg-white" onclick=${e => e.stopPropagation()}>
|
||||
${state.modal(state, emit, close)}
|
||||
|
@ -8,7 +8,6 @@ describe('Firefox Send homepage', function() {
|
||||
const footerLinks = [
|
||||
'mozilla',
|
||||
'legal',
|
||||
'about',
|
||||
'legal',
|
||||
'cookies',
|
||||
'report-infringement',
|
||||
|
Loading…
Reference in New Issue
Block a user