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();
|
||||
});
|
||||
|
||||
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();
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user