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

🎉 Select 컴포넌트 추가 #21

Merged
merged 6 commits into from
Nov 3, 2023
Merged

🎉 Select 컴포넌트 추가 #21

merged 6 commits into from
Nov 3, 2023

Conversation

doggopawer
Copy link
Contributor

- 목적

관련 티켓 번호:29

  • Select 컴포넌트 UI를 추가 했습니다.

- 주요 변경 사항

  • shadcn으로 부터 Select 컴포넌트 가져온 후, primary-color, border-radius 적용

기타 사항 (선택)


- 스크린샷 (선택)

@doggopawer doggopawer added the D-1 label Oct 31, 2023
@doggopawer doggopawer self-assigned this Oct 31, 2023
Comment on lines 83 to 84
`relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 hover:bg-primary-color opacity-20 rounded-md`,
className,
Copy link
Collaborator

Choose a reason for hiding this comment

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

아직 저희 프로젝트 색상으로 수정이 안 된 것 같습니다!

Copy link
Contributor Author

Choose a reason for hiding this comment

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

hover:bg-primary-color opacity-20 rounded-md 이렇게 하는거 아닌가요?

Copy link
Collaborator

Choose a reason for hiding this comment

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

focus:text-accent-foreground, focus:bg-accent 요런 것들도 수정 부탁드립니다!

Copy link
Contributor Author

Choose a reason for hiding this comment

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

해당 내용 수정하여 최대한 figma 명세랑 비슷하게 만들었습니다!

))
SelectItem.displayName = SelectPrimitive.Item.displayName

const SelectSeparator = React.forwardRef<
Copy link
Contributor

Choose a reason for hiding this comment

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

저희가 쓰는 컴포넌트에서 SelectSeparator는 없어도 될 것 같아요!

Copy link
Contributor Author

Choose a reason for hiding this comment

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

지우겠습니다~!

<SelectPrimitive.Trigger
ref={ref}
className={cn(
'flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
Copy link
Contributor

Choose a reason for hiding this comment

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

text-muted-foreground는 혹시 저희가 쓰는 컬러인가요? 🤔

Copy link
Contributor Author

@doggopawer doggopawer Nov 1, 2023

Choose a reason for hiding this comment

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

아니요! 저는 원래 컴포넌트에서 Select의 className에 "hover:bg-primary-color opacity-20 rounded-md" 이 부분만 추가했습니다!

Copy link
Collaborator

@oaoong oaoong left a comment

Choose a reason for hiding this comment

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

👍

@doggopawer doggopawer merged commit dca7493 into develop Nov 3, 2023
1 of 2 checks passed
@doggopawer doggopawer deleted the NABI-29 branch November 3, 2023 05:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants