print mode

components/CookbookForm.js

@@ -38,7 +38,7 @@ export default {
 		return { title, description, nature, logs, who, disabled, submit, sent };
 	},
 	template: `
-        <section class='recipe'>
+        <section class='recipe form'>
 
 
         <div v-if="sent">

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;
+	}
+}