You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Converted styling from SCSS to Tailwind CSS. Replaced custom CSS with Tailwind's utility classes for layout, spacing, and responsiveness.
cart.jsx:
Updated the main container in cart.jsx to use Tailwind CSS. This indirectly affects the styling of EmptyView.jsx since it is part of the main container.
Testing
Installed the Edge Responsive Tester extension to test responsiveness for smaller screen sizes.
Verified that the styles are correctly applied across various screen sizes and the component is properly rendered with Tailwind utilities.
Type of Change📄
Style (non-breaking change which improves website style or formatting)
Responsiveness (non-breaking change which improves UI/UX on different screen sizes)
Checklist✅
I am an Open Source contributor
I have performed a self-review of my code
My code follows the style guidelines of this project
I have commented on my code, particularly in hard-to-understand areas
Hey @Rucha-Ambaliya thanks also delete the unnecessary "scss file & imports " which you have converted to tailwind and run it locally, then I will merge your PR
Please also do check the footer.jsx it also has been converted to tailwind and also use colors in tailwind.config file & add screen shots of your page in mobile as well as desktop view
I’ll check, and if none of the classes are being used elsewhere, I’ll delete the file accordingly. I’ll also review Footer.jsx and include its screenshots here.
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Rucha-Ambaliya
force-pushed
the
feature/convert-styling-of-EmptyView.jsx
branch
from
Fixes Issue🛠️
Closes #64
Description👨💻
EmptyView.jsx:
cart.jsx:
main container in cart.jsxto use Tailwind CSS. This indirectly affects the styling ofEmptyView.jsxsince it is part of the main container.Testing
Edge Responsive Tester extensionto test responsiveness for smaller screen sizes.Type of Change📄
Checklist✅
Screenshots/GIF📷