Skip to content
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

Issue 14 create a generic button component #18

Merged
merged 8 commits into from
Jun 27, 2024

Conversation

SeiKasahara
Copy link
Collaborator

@SeiKasahara SeiKasahara commented Jun 26, 2024

Change Summary

Created a generic button component with the requirement of penni design
Added CSS attributes

Change Form

  • The pull request title has an issue number
  • The change works by "Smoke testing" or quick testing
  • The change has tests
  • The change has documentation

Related issue

@SeiKasahara SeiKasahara requested a review from yunho7687 June 26, 2024 08:13
@SeiKasahara SeiKasahara self-assigned this Jun 26, 2024
@SeiKasahara SeiKasahara added frontend Task must have a front end issue priority:high good first issue Good for newcomers difficulty:easy labels Jun 26, 2024
@@ -23,6 +23,7 @@ const config = {
sans: ["var(--font-sans)", ...fontFamily.sans],
},
colors: {
customPrimary: "hsl(var(--customPrimary))",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

you could use penni-main:"#0051CA" here to make it more semantic.
good job tho

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I found variables like "--customPrimary" should be included in global.css, I added this var in global.css like the 16th line: --customPrimary: 225, 100%, 40%; /*#0051CA Penni Blue*/ 👀

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

add "penni-main“:"#0051CA" here and use it like className="bg-penni-main"
we use tailwind css so, from my perspective, we should configure the theme color in tailwind.config.ts

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'll modify it

Copy link
Member

@yunho7687 yunho7687 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

please use dash-case for the CSS

@yunho7687 yunho7687 merged commit e700253 into main Jun 27, 2024
5 checks passed
@SeiKasahara SeiKasahara mentioned this pull request Jun 29, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
difficulty:easy frontend Task must have a front end issue good first issue Good for newcomers priority:high
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Create a Generic Button Component
3 participants