fix: make patient detail page full-width to match tauri FilesServices

Removed the maxWidth:1060 centered wrapper on PatientDetailPage that
boxed the page; tauri's FilesServices renders full-width in a plain Box.
Added a regression test asserting the root wrapper has no max-width cap.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
hamed
2026-07-15 11:16:40 +03:30
co-authored by Claude Opus 4.8
parent 0e057e0c66
commit f0b7a51b8f
2 changed files with 9 additions and 1 deletions
@@ -63,6 +63,14 @@ describe('PatientDetailPage (پرونده تب‌دار)', () => {
expect(screen.getByText('پرونده پزشکی')).toBeInTheDocument();
});
it('renders full-width (no boxed max-width wrapper, matching tauri FilesServices)', async () => {
const { container } = renderDetail();
await loaded();
const root = container.querySelector('.fade-in') as HTMLElement;
expect(root).toBeTruthy();
expect(root.style.maxWidth).toBe('');
});
it('renders session (مراجعه) cards on the default services tab', async () => {
renderDetail();
await loaded();
+1 -1
View File
@@ -115,7 +115,7 @@ export default function PatientDetailPage() {
});
return (
<div className="fade-in" style={{ maxWidth: 1060, margin: '0 auto' }}>
<div className="fade-in">
{/* breadcrumb + patient banner (tauri BreadcrumbHeader + FileServicesHeader) */}
<Breadcrumb name={record?.user_name || 'پرونده'} backTo="/admin/patients" />
<PatientCaseBanner