-
Notifications
You must be signed in to change notification settings - Fork 8
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
[GGFE-173] 보관함 프로필 이미지띠 배경색 모달 #945
The head ref may contain hidden characters: "GGFE-173-\uBCF4\uAD00\uD568-\uD504\uB85C\uD544-\uC774\uBBF8\uC9C0\uB760-\uBC30\uACBD\uC0C9-\uBAA8\uB2EC"
Conversation
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.
프로필 배경색들 1번부터 16번까지 다 예쁘네요! 배경색, 프로필 테두리 색상 찾느라 고생많으셨습니다!
기존에 있는 colorModeState 활용하여 훅 만들어서 사용하는 것도 작동도 잘하고 엄청 좋은 것 같아요!
배경색은 티어 색상이랑 겹칠 수도 있어서 티어 색상들과 비교해 볼 필요가 있는거 같아요.
일단, 4번 배경색에서 노란색 티어가 잘 안보일 수도 있을 듯하네요. 고생하셨습니다!! 👍👍
styles/common.scss
Outdated
$profile-background1: linear-gradient(to bottom, #ef629f, #eecda3); | ||
$profile-background2: linear-gradient(to bottom, #acb6e5, #86fde8); | ||
$profile-background3: linear-gradient(to bottom, #00416a, #e4e5e6); | ||
$profile-background4: linear-gradient(to top, #ffe259, #ffa751); | ||
$profile-background5: linear-gradient(to bottom, #215f00, #e4e4d9); | ||
$profile-background6: linear-gradient(to top, #3d7eaa, #ffe47a); | ||
$profile-background7: linear-gradient(to top, #dc2424, #4a569d); | ||
$profile-background8: linear-gradient(to bottom, #1cd8d2, #93edc7); | ||
$profile-background9: linear-gradient(to bottom, #757f9a, #d7dde8); | ||
$profile-background10: linear-gradient(to bottom, #870000, #190a05); | ||
$profile-background11: linear-gradient(to bottom, #2980b9, #6dd5fa, #ffffff); | ||
$profile-background12: linear-gradient(to top, #9cecfb, #65c7f7, #0052d4); | ||
$profile-background13: linear-gradient(to top, #77a1d3, #79cbca, #e684ae); | ||
$profile-background14: linear-gradient(to top, #a770ef, #cf8bf3, #fdb99b); | ||
$profile-background15: linear-gradient(to top, #bbd2c5, #536976, #292e49); | ||
$profile-background16: linear-gradient(to top, #c6ffdd, #fbd786, #f7797d); |
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.
배경색도 그렇고 프로필 테두리색도 색 이름이 존재한다면 변수명에 포함시켜야 나중에 관리하기 더 쉬울 것 같아요. 색 이름이 없다면 간단하게라도 포함된 색들로 이름 만들어서 포함시켜주면 한번에 색상 파악하기 좋을거 같습니다!
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.
넵 안그래도 이름 바꿔야겠다고 생각했어요😂 수정하겠습니다!
우선 배경색, 이미지띠 색 변수명을 색상을 알아볼 수 있도록 수정했습니다! 또추후에 티어 이미지 추가되면 티어가 잘 보이도록 몇몇 색상 변경할 수도 있을 것 같습니다 |
📌 개요
💻 작업사항
✅ 변경로직