diff --git a/components/CookbookForm.js b/components/CookbookForm.js index a49c362..b0c8359 100644 --- a/components/CookbookForm.js +++ b/components/CookbookForm.js @@ -38,7 +38,7 @@ export default { return { title, description, nature, logs, who, disabled, submit, sent }; }, template: ` -
+
diff --git a/style.css b/style.css index 59f00f5..41924a8 100644 --- a/style.css +++ b/style.css @@ -131,3 +131,26 @@ label { .nature { text-transform: lowercase; } + +@media print { + .form.recipe, + .archive { + display: none; + } + + .recipe .title { + margin: 0; + } + + .cookbook .recipe { + margin: 24px 16px; + padding: 24px; + font-size: 18px; + border-radius: 4px; + position: relative; + break-after: always; + transform: none !important; + box-shadow: none; + border: 1px dashed currentColor; + } +}