diff --git a/public/flyers.html b/public/flyers.html index 81837b1..bed70a1 100644 --- a/public/flyers.html +++ b/public/flyers.html @@ -60,8 +60,10 @@ body{background:#fff!important} header,footer,nav,.chat-fab,.chat-panel,#rmcTrBtn,#rmcTrPanel,.flw>.section-head,.fl-id,.fl-intro,.fl-print,.hs-print,.hs-intro{display:none!important} .flw{max-width:none;padding:0;margin:0} - .fl{box-shadow:none;border-radius:0;margin:0;max-width:none;width:100%;height:100vh;aspect-ratio:auto;page-break-after:always} - .hs-page{max-width:none;margin:0;height:100vh;page-break-after:always;display:flex;flex-direction:column} + /* size pages in physical units — 100vh is the PHONE SCREEN height when + printing from mobile, which overflowed each design onto two pages */ + .fl{box-shadow:none;border-radius:0;margin:0;max-width:none;width:100%;height:11in;aspect-ratio:auto;page-break-after:always;page-break-inside:avoid} + .hs-page{max-width:none;margin:0;height:11in;page-break-after:always;page-break-inside:avoid;display:flex;flex-direction:column} .hs-page .hs{border-radius:0;box-shadow:none;flex:1;aspect-ratio:auto;display:flex} .hs-copy{display:flex} .hs-cut{display:flex;justify-content:center;align-items:center;gap:8px;border-top:2.5px dashed #98a2ad;font-size:10px;color:#667;padding:2px 0;background:#fff}