fixed modals on other than home page
This commit is contained in:
parent
c36466d952
commit
2c867e0ae8
|
@ -146,6 +146,7 @@ footer li:hover {
|
|||
|
||||
.main {
|
||||
display: flex;
|
||||
position: relative;
|
||||
max-width: 64rem;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
|
|
@ -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"
|
||||
>
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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"
|
||||
|
|
Loading…
Reference in New Issue