set min-height for pages when printing

This commit is contained in:
Amruth Pillai
2020-12-13 10:37:02 +05:30
parent a84cdf33cd
commit 96ab340b1c
2 changed files with 7 additions and 1 deletions

View File

@ -5,7 +5,7 @@ module.exports = {
title: 'Reactive Resume', title: 'Reactive Resume',
siteUrl: 'https://rxresu.me', siteUrl: 'https://rxresu.me',
description: 'A free and open source resume builder.', description: 'A free and open source resume builder.',
version: '2.3.4', version: '2.3.5',
}, },
plugins: [ plugins: [
'gatsby-plugin-react-helmet', 'gatsby-plugin-react-helmet',

View File

@ -60,6 +60,11 @@ section {
} }
@media print { @media print {
html,
body {
background-color: white;
}
html, html,
body, body,
body * { body * {
@ -75,6 +80,7 @@ section {
#page { #page {
width: 21cm; width: 21cm;
min-height: 29.7cm;
position: absolute; position: absolute;
text-align: start; text-align: start;
top: 0; top: 0;