natty
/
fox-send
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed modals on other than home page

This commit is contained in:
Danny Coates 2019-02-22 13:31:54 -08:00
parent c36466d952
commit 2c867e0ae8
No known key found for this signature in database
GPG Key ID: 4C442633C62E00CB
8 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/main.css
View File

@ -146,6 +146,7 @@ footer li:hover {
.main { .main {
display: flex; display: flex;
position: relative;
max-width: 64rem; max-width: 64rem;
width: 100%; width: 100%;
height: 100%; height: 100%;

2
app/ui/blank.js
View File

@ -2,7 +2,7 @@ const html = require('choo/html');
module.exports = function() { module.exports = function() {
return html` return html`
<main class="main relative"> <main class="main">
<section <section
class="h-full w-full p-6 z-10 md:flex md:flex-row md:rounded-lg md:shadow-big" class="h-full w-full p-6 z-10 md:flex md:flex-row md:rounded-lg md:shadow-big"
> >

2
app/ui/download.js
View File

@ -153,7 +153,7 @@ module.exports = function(state, emit) {
content = password(state, emit); content = password(state, emit);
} }
return html` return html`
<main class="main container"> <main class="main">
${state.modal && modal(state, emit)} ${state.modal && modal(state, emit)}
<section class="relative h-full w-full p-6 md:rounded-lg md:shadow-big"> <section class="relative h-full w-full p-6 md:rounded-lg md:shadow-big">
${content} ${content}

2
app/ui/error.js
View File

@ -4,7 +4,7 @@ const modal = require('./modal');
module.exports = function(state, emit) { module.exports = function(state, emit) {
return html` return html`
<main class="main container"> <main class="main">
${state.modal && modal(state, emit)} ${state.modal && modal(state, emit)}
<div <div
class="flex flex-col items-center bg-white m-6 px-6 py-8 border border-grey-light md:border-none md:px-12 md:py-16 shadow w-full md:h-full" class="flex flex-col items-center bg-white m-6 px-6 py-8 border border-grey-light md:border-none md:px-12 md:py-16 shadow w-full md:h-full"

2
app/ui/home.js
View File

@ -27,7 +27,7 @@ module.exports = function(state, emit) {
); );
return html` return html`
<main class="main relative"> <main class="main">
${state.modal && modal(state, emit)} ${state.modal && modal(state, emit)}
<section <section
class="h-full w-full p-6 z-10 overflow-hidden md:flex md:flex-row md:rounded-lg md:shadow-big" class="h-full w-full p-6 z-10 overflow-hidden md:flex md:flex-row md:rounded-lg md:shadow-big"

2
app/ui/legal.js
View File

@ -4,7 +4,7 @@ const modal = require('./modal');
module.exports = function(state, emit) { module.exports = function(state, emit) {
return html` return html`
<main class="main container"> <main class="main">
${state.modal && modal(state, emit)} ${state.modal && modal(state, emit)}
<div <div
class="flex flex-col items-center bg-white m-6 px-6 py-8 border border-grey-light md:border-none md:px-12 md:py-16 shadow w-full md:h-full" class="flex flex-col items-center bg-white m-6 px-6 py-8 border border-grey-light md:border-none md:px-12 md:py-16 shadow w-full md:h-full"

2
app/ui/notFound.js
View File

@ -4,7 +4,7 @@ const modal = require('./modal');
module.exports = function(state, emit) { module.exports = function(state, emit) {
return html` return html`
<main class="main container"> <main class="main">
${state.modal && modal(state, emit)} ${state.modal && modal(state, emit)}
<div <div
class="flex flex-col items-center bg-white m-6 px-6 py-8 border border-grey-light md:border-none md:px-12 md:py-16 shadow w-full" class="flex flex-col items-center bg-white m-6 px-6 py-8 border border-grey-light md:border-none md:px-12 md:py-16 shadow w-full"

2
app/ui/unsupported.js
View File

@ -24,7 +24,7 @@ module.exports = function(state, emit) {
} }
return html` return html`
<main class="main container"> <main class="main">
${state.modal && modal(state, emit)} ${state.modal && modal(state, emit)}
<div <div
class="flex flex-col items-center justify-center text-center bg-white m-6 px-6 py-8 border border-grey-light md:border-none md:px-12 md:py-16 shadow w-full md:h-full" class="flex flex-col items-center justify-center text-center bg-white m-6 px-6 py-8 border border-grey-light md:border-none md:px-12 md:py-16 shadow w-full md:h-full"