blaisadmin/FlockPal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use fixed screen size for adoption report sheet

Browse Source
This commit is contained in:
Corey Blais
2026-06-02 17:31:33 -04:00
committed by blaisadmin
parent 2aeaa119f7
commit b15861c856
1 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/App.tsx
+14 -14
View File
@@ -4246,8 +4246,8 @@ function App() {
border-radius: ${printFriendly ? '0' : '18px'};
box-shadow: ${printFriendly ? 'none' : '0 18px 42px rgba(86, 63, 34, 0.16)'};
max-width: 100%;
padding: 0.28in;
width: 7.5in;
padding: 24px;
width: 720px;
}
header {
background: ${headerBackground};
@@ -4256,9 +4256,9 @@ function App() {
box-shadow: 0 10px 22px rgba(86, 63, 34, 0.12);
display: grid;
gap: 10px;
grid-template-columns: 1.05in minmax(2in, 1fr) 1.28in;
min-height: 1.28in;
padding: 0.12in;
grid-template-columns: 100px minmax(220px, 1fr) 124px;
min-height: 120px;
padding: 12px;
}
h1, h2, h3, p { margin: 0; }
h1 { color: var(--red); font-size: 21px; letter-spacing: 0; }
@@ -4275,9 +4275,9 @@ function App() {
align-self: center;
height: auto;
justify-self: start;
max-height: 1.02in;
max-height: 98px;
object-fit: contain;
width: 1.02in;
width: 98px;
}
.report-title {
align-self: center;
@@ -4291,13 +4291,13 @@ function App() {
border: 2px solid var(--paper);
border-radius: 12px;
box-shadow: 0 8px 16px rgba(86, 63, 34, 0.14);
height: 0.72in;
height: 70px;
margin: 0 auto 5px;
object-fit: cover;
width: 0.72in;
width: 70px;
}
.qr { align-self: center; justify-self: end; max-width: 1.28in; text-align: center; width: 100%; }
.qr svg { background: #fff; border: 1px solid var(--border); border-radius: 9px; padding: 5px; width: 0.72in; }
.qr { align-self: center; justify-self: end; max-width: 124px; text-align: center; width: 100%; }
.qr svg { background: #fff; border: 1px solid var(--border); border-radius: 9px; padding: 5px; width: 70px; }
.code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; overflow-wrap: anywhere; }
.qr-join-label {
color: var(--green);
@@ -4314,9 +4314,9 @@ function App() {
display: block;
height: auto;
margin: -10px auto -4px;
max-height: 0.52in;
max-height: 50px;
object-fit: contain;
width: min(100%, 1.28in);
width: min(100%, 124px);
}
.qr-note {
color: var(--blue);
@@ -4343,7 +4343,7 @@ function App() {
@media print {
@page { margin: 0.4in; size: letter; }
body { display: block; margin: 0; padding: 0; }
.report-page { border: 0; border-radius: 0; box-shadow: none; padding: 0; width: 100%; }
.report-page { border: 0; border-radius: 0; box-shadow: none; padding: 0; width: 7.7in; }
header { box-shadow: none; break-inside: avoid; }
button { display: none; }
}