-
Notifications
You must be signed in to change notification settings - Fork 244
Install component #665
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Install component #665
Conversation
Signed-off-by: Bhupesh Kumar <bkumar_be23@thapar.edu>
Signed-off-by: Bhupesh Kumar <bkumar_be23@thapar.edu>
Signed-off-by: Bhupesh Kumar <bkumar_be23@thapar.edu>
Signed-off-by: Bhupesh Kumar <bkumar_be23@thapar.edu>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hey @Bhup-GitHUB,
I noticed there are quite a lot of changes in this PR. The Installation component doesn’t look good on mobile screens, and I also see modifications in the Quickstart file.
It’s best not to combine different changes in the same PR. Could you please separate them and also add a clear title and description? At the moment, it’s a bit difficult to understand what this PR is about.
What has changed?
Fixed uneven spacing and padding issues in the Keploy Installation component (
InstallReminder.js
). The component now has consistent spacing between all elements, making it look neat and properly aligned across the page.Key Changes:
1rem
to1.5rem
for better visual balance1rem
gaps between all elementsalignSelf: "flex-start"
to keep the button properly alignedThis PR Resolves #2985
Type of change
How Has This Been Tested?
✅ Build Test:
npm run build
- Successfully compiled with no errors related to the InstallReminder component✅ Development Server:
npm start
- Component renders correctly with improved spacing✅ Visual Verification: Confirmed equal spacing between title, description, and button elements
✅ Responsive Design: Tested on different screen sizes - flexbox layout adapts properly
Before vs After:
Checklist:
Build
image