From bd19369dac2d1fb6164b6770110e894cffae8a3c Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Mon, 8 Dec 2025 13:59:57 +0100
Subject: [PATCH] fix: hide UI elements when printing
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add @media print styles to hide EditorPanel, popups, and loader.
Only the preview iframe content is visible during print.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/App.vue | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 1ed8894..05c4189 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -348,4 +348,26 @@ onUnmounted(() => {
   z-index: 0;
   opacity: 0;
 }
+
+/* Hide UI elements when printing */
+@media print {
+  #editor-panel,
+  #element-popup,
+  #page-popup,
+  .preview-loader {
+    display: none !important;
+  }
+
+  .preview-frame {
+    position: static !important;
+    margin-left: 0 !important;
+    transform: none !important;
+    width: 100% !important;
+    height: auto !important;
+  }
+
+  .preview-frame:not(:first-of-type) {
+    display: none !important;
+  }
+}
 </style>