-
Notifications
You must be signed in to change notification settings - Fork 826
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
Update PricingSection.tsx #1486
base: main
Are you sure you want to change the base?
Conversation
The Pricing Card Components were too basic and also the text under the heading was having a little problem in small devices So I upgraded the style of the page Signed-off-by: Roshan Shamas <[email protected]>
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
@@ -22,9 +22,9 @@ const PricingSection = () => { | |||
return ( | |||
<Card | |||
key={`plan-${index}`} | |||
className="rounded-md dark:border-gray-200 border border-gray-300" | |||
className="rounded-md dark:border-gray-200 mb-5 border border-gray-400 transform transition-transform duration-300 hover:scale-105 hover:shadow-lg hover:bg-[#4f83f1]" |
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.
Please don't hardcode the color, instead use the primary color from the theme.
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.
Please don't hardcode the color, instead use the primary color from the theme.
OK |
SO I Have removed the 'use client' from the file and used the Primary color Signed-off-by: Roshan Shamas <[email protected]>
So I have updated the code by using the Primary color Signed-off-by: Roshan Shamas <[email protected]>
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.
The Primary-Hover color is Blue-600 Which is the same value in color code #2563eb |
The Pricing Card Components were too basic and also the text under the heading was having a little problem in small devices So I upgraded the style of the section and make it more eye catching