responsive Result UI/#96 #101
Conversation
|
πstorybook: https://65ccb85d5afe55a024495bc0-ayxhutwons.chromatic.com/ |
|
πstorybook: https://65ccb85d5afe55a024495bc0-mjvuflrttd.chromatic.com/ |
| @@ -30,13 +32,26 @@ const displaySeveralMajor = (category: ResultCategoryKey) => { | |||
| const { DUAL_MANDATORY_MAJOR, DUAL_ELECTIVE_MAJOR, DUAL_BASIC_ACADEMICAL_CULTURE, SUB_MAJOR } = RESULT_CATEGORY; | |||
| const { DUAL, SUB } = MAJOR_NOTATION; | |||
|
|
|||
| function render(majorType: string) { | |||
There was a problem hiding this comment.
- render ν¨μμ μ΄λ¦μ μ΄λ€ κ²μ λ λλ§νλμ§ λ λͺ ννκ² νλ κ²μ΄ μ’μ κ² κ°μ΅λλ€.
| width={1200} | ||
| height={270} | ||
| alt="category-fullfill-image" | ||
| className={cn('min-h-20 max-h-40', 'md:min-h-32')} | ||
| /> |
There was a problem hiding this comment.
- Image μ»΄ν¬λνΈμ height μμ±κ³Ό classNameμΌλ‘ height λͺ¨λ μ§μ νλ©΄ μ΄λ»κ² μ μ©λλμ§ κΆκΈνλ€μ
There was a problem hiding this comment.
ꡬννλ©΄μμλ classNameκ°μ λ°λ₯΄λ κ²μΌλ‘ νμΈλμμ΅λλ€ :)
|
πstorybook: https://65ccb85d5afe55a024495bc0-frjdvwtqnn.chromatic.com/ |
κ³΅ν΅ μ»΄ν¬λνΈμΈ λ§νΌ λ€λ₯Έ κ³³μμ μ΄λ»κ² μ μ©λ μ§ μ‘°μ¬μ€λ¬μ λ°μνμ μ§ννμ§ μμμ΅λλ€. κ³΅ν΅ μ»΄ν¬λνΈμ λ°μνμ λν΄μλ νλ‘μ νΈ μ λ°μ λ°μν μμ μ΄ μ§νλ μμ μ μμ νλ κ²μ΄ μ μ νμ§μμκΉ μκ°μ΄ λλλ€ |
|
πstorybook: https://65ccb85d5afe55a024495bc0-dmbojizvxq.chromatic.com/ |
π μμ λ΄μ©
2024-05-10.12.37.13.mov
π€ κ³ λ―Ό νλ λΆλΆ