fix: hide UI elements when printing
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>
This commit is contained in:
parent
100226427d
commit
bd19369dac
1 changed files with 22 additions and 0 deletions
22
src/App.vue
22
src/App.vue
|
|
@ -348,4 +348,26 @@ onUnmounted(() => {
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
opacity: 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>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue