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:
@@ -63,6 +63,14 @@ describe('PatientDetailPage (پرونده تبدار)', () => {
|
|||||||
expect(screen.getByText('پرونده پزشکی')).toBeInTheDocument();
|
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 () => {
|
it('renders session (مراجعه) cards on the default services tab', async () => {
|
||||||
renderDetail();
|
renderDetail();
|
||||||
await loaded();
|
await loaded();
|
||||||
|
|||||||
@@ -115,7 +115,7 @@ export default function PatientDetailPage() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="fade-in" style={{ maxWidth: 1060, margin: '0 auto' }}>
|
<div className="fade-in">
|
||||||
{/* breadcrumb + patient banner (tauri BreadcrumbHeader + FileServicesHeader) */}
|
{/* breadcrumb + patient banner (tauri BreadcrumbHeader + FileServicesHeader) */}
|
||||||
<Breadcrumb name={record?.user_name || 'پرونده'} backTo="/admin/patients" />
|
<Breadcrumb name={record?.user_name || 'پرونده'} backTo="/admin/patients" />
|
||||||
<PatientCaseBanner
|
<PatientCaseBanner
|
||||||
|
|||||||
Reference in New Issue
Block a user