Referral letter preview desktop

[modamaan]

Proposed Changes

Referral letter preview desktop and responsive

• Fixes Fix: referral letter responsiveness #8884

Before

After

@ohcnetwork/care-fe-code-reviewers

Merge Checklist

• Add specs that demonstrate bug / test a new feature.
• Update product documentation.
• Ensure that UI text is kept in I18n files.
• Prep screenshot or demo video for changelog entry, and attach it to issue.
• Request for Peer Reviews
• Completion of QA

Summary by CodeRabbit

Release Notes

• New Features

  • Enhanced print functionality for referral letters with improved layout and visual appeal.
  • Introduced a new UI card system, including components for headers, titles, descriptions, content, and footers.

• Improvements

  • QR code rendering updated for better presentation using QRCodeSVG.
  • Patient information now displayed in a structured grid layout.

• User Interface

  • Minor adjustments to print mode toggle and button layout for improved usability.

[netlify]

✅ Deploy Preview for care-ohc ready!

Name	Link
🔨 Latest commit	c28d09d
🔍 Latest deploy log	https://app.netlify.com/sites/care-ohc/deploys/674f23d722fb9b0008e140a6
😎 Deploy Preview	https://deploy-preview-8954--care-ohc.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[modamaan]

@bodhish should i update anything?

[modamaan]

[modamaan]

@rithviknishad can you check

[nihal467]

@modamaan

• the close and print buttons in the mobile responsive view is not properly aligned

[github-actions]

@modamaan Your efforts have helped advance digital healthcare and TeleICU systems. 🚀 Thank you for taking the time out to make CARE better. We hope you continue to innovate and contribute; your impact is immense! 🙌