sendbird-uikit-react icon indicating copy to clipboard operation
sendbird-uikit-react copied to clipboard

feat: Make a common Header component

Open HoonBaek opened this issue 1 year ago β€’ 2 comments

CLNP-2869

ChangeLog & Features

  • Made a common ui Header component & Applied it to the every module header components

HoonBaek avatar Apr 26 '24 04:04 HoonBaek

Deploy Preview for sendbird-uikit-react ready!

Name Link
Latest commit c1716723c3f1acd4aa9210a0e44e392c37baa72f
Latest deploy log https://app.netlify.com/sites/sendbird-uikit-react/deploys/66331cf6a4ce4f000856f45c
Deploy Preview https://deploy-preview-1078--sendbird-uikit-react.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] avatar Apr 26 '24 04:04 netlify[bot]

전체적인 컨셉은 κ΅Ώμž…λ‹ˆλ‹€.

ν•œκ°€μ§€ λ””μžμΈκ³Ό μ»΄ν¬λ„ŒνŠΈ 관리 μ°¨μ›μ—μ„œ 짚고 λ„˜μ–΄κ°€κ³  μ‹Άμ€κ²Œ μžˆλŠ”λ°μš”, 쒌우의 여백이 일정해야 λ””μžμΈ ν•  λ•Œλ‚˜, μ½”λ“œ μž‘μ„±ν•˜κ³  κ΄€λ¦¬ν• λ•Œλ‚˜, 고객이 μ‚¬μš©ν• λ•Œ λͺ¨λ‘ νŽΈν• κ²ƒ κ°™μ•„μ„œμš”. (λ””μžμ΄λ„ˆλŠ” 곡톡 μ»΄ν¬λ„ŒνŠΈ μž¬ν™œμš©, κ°œλ°œμžλŠ” 맀번 μ„ΈλΆ€ 여백을 μ‘°μ •ν•  ν•„μš” μ—†μŒ, 고객은 λ²„νŠΌ μœ„μΉ˜κ°€ λ³€κ²½λ˜κ±°λ‚˜ 뒀틀리지 μ•Šμ•„μ„œ UX 적으둜 μ’‹μŒ)

  1. λͺ¨λ°”일 UI λ””μžμΈμ— 헀더 λ””μžμΈμ΄ ν˜„μž¬ μ–΄λ–»κ²Œ λ‚˜μ™€μžˆλŠ”μ§€ ν•œλ²ˆ μ²΄ν¬ν•˜κ³ 
  2. λ§Œμ•½ μΌκ΄€λœ μƒνƒœλΌλ©΄, 저희 μ»΄ν¬λ„ŒνŠΈλ§Œ μ—…λ°μ΄νŠΈ ν•˜λ©΄ 될것같고
  3. μΌκ΄€λ˜μ§€ μ•Šμ€ μƒνƒœλΌλ©΄ μš”κ±° 저희가 어떀것을 ν•˜λ €κ³  ν•˜λŠ”μ§€(μž¬ν™œμš© κ°€λŠ₯ν•œ 곡톡 헀더 μ»΄ν¬λ„ŒνŠΈ) ν•œλ²ˆ λ””μžμ΄λ„ˆλΆ„κ»˜ μ„€λͺ…λ“œλ¦¬κ³ , λ””μžμΈμ μœΌλ‘œ 일관성을 μ–΄λ–»κ²Œ κ°€μ Έκ°€λ©΄ 쒋을지 ν•œλ²ˆ μ΄μ•ΌκΈ°μ˜ λ¬ΌκΌ¬λ₯Ό 터보면 쒋을것 κ°™μŠ΅λ‹ˆλ‹€.

Before

image (left: 8, right: 16) image (left: 20, right: 16) image (left: 24, right: 24)


After

image (left: 12, right: 14) image (left: 20, right: 16) image (left: 24, right: 20)

bang9 avatar Apr 26 '24 07:04 bang9