Vertically center aligned State logo in Login page by modifying tailw…

[rjhaveri1991]

Proposed Changes

• Fixes Vertically center align state logo in login page #5123?
• Modifed tailwind css classes in Auth Component at 2 places as mentioned below

**Change 1**
- <div className="hidden md:flex gap-6 mb-4">
+ <div className="gap-6 mb-4 min-w-full max-w-lg">

**Change 2**
- <a href={coronasafe_url} className="inline-block" target="_blank" rel="noopener noreferrer">
+ <a href={coronasafe_url} className="flex flex-col items-center" target="_blank" rel="noopener noreferrer">

• Issue Fix Screenshot
  

@coronasafe/care-fe-code-reviewers @coronasafe/code-reviewers

Merge Checklist

• Add specs that demonstrate bug / test a new feature.
• 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

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
care-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Mar 18, 2023 at 7:00PM (UTC)

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	5ee5a37
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/641609bf382051000875a28a
😎 Deploy Preview	https://deploy-preview-5125--care-egov-staging.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 settings.

[rithviknishad]

@rjhaveri1991 you've adjusted the horizontal center alignment.

Could you revert the changes and adjust the vertical alignment of the state logo instead and not the CARE logo?

To enable state_logo in preview, add the following to public/config.json file:

{
  "state_logo": "https://digitalpublicgoods.net/wp-content/themes/dpga/images/logo-w.svg",
}

once tested, we can remove it. the state_logo is an opt-in feature across deployments.

[rjhaveri1991]

@rithviknishad - Got it, so state logo should be vertically center aligned in line with care logo right?

[rithviknishad]

@rjhaveri1991 yes! affirmative.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[rjhaveri1991]

Proposed Changes

• Fixes Vertically center align state logo in login page #5123?
• Reverted changes done in previous commit and vertically center aligned state logo with below changes

**Change**
- <div className="hidden md:flex gap-6 mb-4">
+ <div className="hidden md:flex items-center gap-6 mb-4">

• Issue Fix Screenshot
  

@coronasafe/care-fe-code-reviewers @coronasafe/code-reviewers

Merge Checklist

• Add specs that demonstrate bug / test a new feature.
• 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

[skks1212]

LGTM!

[nihal467]

LGTM @khavinshankar review it and merge it