hyperswitch-web icon indicating copy to clipboard operation
hyperswitch-web copied to clipboard

feat: add CSS rules for SavedCardItem and CVC input

Open aritro2002 opened this issue 4 months ago • 1 comments

Type of Change

  • [ ] Bugfix
  • [ ] New feature
  • [x] Enhancement
  • [ ] Refactoring
  • [ ] Dependency updates
  • [ ] Documentation
  • [ ] CI/CD

Description

#1202

Added new CSS rules for the saved payment method screen, including styling for SavedCardItem to improve layout consistency and spacing, and for Input--saved-cvc to handle the CVC input field separately. Previously, the global Input class was used for designing card details, but since the CVC field required different styling, a new rule was introduced.

How did you test it?

data.txt

https://github.com/user-attachments/assets/e4441238-d225-4232-b8c9-64819781d0fe

Checklist

  • [x] I ran npm run re:build
  • [x] I reviewed submitted code
  • [ ] I added unit tests for my changes where possible

aritro2002 avatar Aug 28 '25 06:08 aritro2002

Review changes with  SemanticDiff

semanticdiff-com[bot] avatar Aug 28 '25 06:08 semanticdiff-com[bot]