ryang3d/sbv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more messages printed on a page

Browse Source
This commit is contained in:
lowcarbdev
2025-11-29 22:37:31 -07:00
parent f48b8997fd
commit 6f0ffdb9ca
1 changed files with 35 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/PrintView.css
+35 -21
View File
@@ -3,7 +3,7 @@
.print-view { .print-view {
max-width: 800px; max-width: 800px;
margin: 0 auto; margin: 0 auto;
padding: 20px; padding: 10px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
} }
@@ -34,38 +34,38 @@
} }
.print-header { .print-header {
margin-bottom: 2rem; margin-bottom: 0.75rem;
border-bottom: 2px solid #dee2e6; border-bottom: 1px solid #dee2e6;
padding-bottom: 1rem; padding-bottom: 0.5rem;
} }
.print-header h1 { .print-header h1 {
font-size: 24px; font-size: 18px;
margin-bottom: 0.5rem; margin-bottom: 0.25rem;
color: #212529; color: #212529;
} }
.print-address { .print-address {
color: #6c757d; color: #6c757d;
font-size: 14px; font-size: 11px;
margin-bottom: 0.25rem; margin-bottom: 0.125rem;
} }
.print-meta { .print-meta {
color: #6c757d; color: #6c757d;
font-size: 12px; font-size: 10px;
margin: 0; margin: 0;
} }
.print-messages { .print-messages {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 0.25rem;
} }
.print-message { .print-message {
display: flex; display: flex;
margin-bottom: 8px; margin-bottom: 2px;
} }
.print-message.sent { .print-message.sent {
@@ -78,9 +78,11 @@
.print-message-bubble { .print-message-bubble {
max-width: 70%; max-width: 70%;
padding: 10px 14px; padding: 6px 10px;
border-radius: 12px; border-radius: 8px;
word-wrap: break-word; word-wrap: break-word;
overflow: hidden;
box-sizing: border-box;
} }
.print-message.sent .print-message-bubble { .print-message.sent .print-message-bubble {
@@ -94,15 +96,15 @@
} }
.print-message-body { .print-message-body {
margin-bottom: 6px; margin-bottom: 3px;
white-space: pre-wrap; white-space: pre-wrap;
font-size: 14px; font-size: 11px;
line-height: 1.4; line-height: 1.3;
color: #212529; color: #212529;
} }
.print-message-media { .print-message-media {
margin-bottom: 6px; margin-bottom: 3px;
} }
.print-message-media img { .print-message-media img {
@@ -181,9 +183,9 @@
} }
.print-message-time { .print-message-time {
font-size: 11px; font-size: 9px;
color: #6c757d; color: #6c757d;
margin-top: 4px; margin-top: 2px;
text-align: right; text-align: right;
} }
@@ -227,7 +229,7 @@
.print-view { .print-view {
max-width: none; max-width: none;
padding: 0; padding: 0 0.1in;
} }
.print-header { .print-header {
@@ -242,8 +244,20 @@
page-break-inside: avoid; page-break-inside: avoid;
} }
.print-message.sent {
padding-right: 0.05in;
}
@page { @page {
margin: 0.5in; margin: 0.4in;
}
.print-messages {
gap: 0.1rem;
}
.print-message {
margin-bottom: 0px;
} }
/* Ensure good contrast for printing */ /* Ensure good contrast for printing */