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

View File

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

View File

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

View File

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

View File

@ -4,7 +4,7 @@ const modal = require('./modal');
module.exports = function(state, emit) {
return html`
<main class="main container">
<main class="main">
${state.modal && modal(state, emit)}
<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"

View File

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

View File

@ -4,7 +4,7 @@ const modal = require('./modal');
module.exports = function(state, emit) {
return html`
<main class="main container">
<main class="main">
${state.modal && modal(state, emit)}
<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"

View File

@ -4,7 +4,7 @@ const modal = require('./modal');
module.exports = function(state, emit) {
return html`
<main class="main container">
<main class="main">
${state.modal && modal(state, emit)}
<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"

View File

@ -24,7 +24,7 @@ module.exports = function(state, emit) {
}
return html`
<main class="main container">
<main class="main">
${state.modal && modal(state, emit)}
<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"