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'}; border-radius: ${printFriendly ? '0' : '18px'};
box-shadow: ${printFriendly ? 'none' : '0 18px 42px rgba(86, 63, 34, 0.16)'}; box-shadow: ${printFriendly ? 'none' : '0 18px 42px rgba(86, 63, 34, 0.16)'};
max-width: 100%; max-width: 100%;
padding: 0.28in; padding: 24px;
width: 7.5in; width: 720px;
} }
header { header {
background: ${headerBackground}; background: ${headerBackground};
@@ -4256,9 +4256,9 @@ function App() {
box-shadow: 0 10px 22px rgba(86, 63, 34, 0.12); box-shadow: 0 10px 22px rgba(86, 63, 34, 0.12);
display: grid; display: grid;
gap: 10px; gap: 10px;
grid-template-columns: 1.05in minmax(2in, 1fr) 1.28in; grid-template-columns: 100px minmax(220px, 1fr) 124px;
min-height: 1.28in; min-height: 120px;
padding: 0.12in; padding: 12px;
} }
h1, h2, h3, p { margin: 0; } h1, h2, h3, p { margin: 0; }
h1 { color: var(--red); font-size: 21px; letter-spacing: 0; } h1 { color: var(--red); font-size: 21px; letter-spacing: 0; }
@@ -4275,9 +4275,9 @@ function App() {
align-self: center; align-self: center;
height: auto; height: auto;
justify-self: start; justify-self: start;
max-height: 1.02in; max-height: 98px;
object-fit: contain; object-fit: contain;
width: 1.02in; width: 98px;
} }
.report-title { .report-title {
align-self: center; align-self: center;
@@ -4291,13 +4291,13 @@ function App() {
border: 2px solid var(--paper); border: 2px solid var(--paper);
border-radius: 12px; border-radius: 12px;
box-shadow: 0 8px 16px rgba(86, 63, 34, 0.14); box-shadow: 0 8px 16px rgba(86, 63, 34, 0.14);
height: 0.72in; height: 70px;
margin: 0 auto 5px; margin: 0 auto 5px;
object-fit: cover; 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 { 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: 0.72in; } .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; } .code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; overflow-wrap: anywhere; }
.qr-join-label { .qr-join-label {
color: var(--green); color: var(--green);
@@ -4314,9 +4314,9 @@ function App() {
display: block; display: block;
height: auto; height: auto;
margin: -10px auto -4px; margin: -10px auto -4px;
max-height: 0.52in; max-height: 50px;
object-fit: contain; object-fit: contain;
width: min(100%, 1.28in); width: min(100%, 124px);
} }
.qr-note { .qr-note {
color: var(--blue); color: var(--blue);
@@ -4343,7 +4343,7 @@ function App() {
@media print { @media print {
@page { margin: 0.4in; size: letter; } @page { margin: 0.4in; size: letter; }
body { display: block; margin: 0; padding: 0; } 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; } header { box-shadow: none; break-inside: avoid; }
button { display: none; } button { display: none; }
} }