git-goods / git-animal-client

🦆 깃허브 활동으로 펫을 키우세요 / Have pet in your github

https://www.gitanimals.org/

23 stars 3 forks source link

feat: mobile condition 추가 #98

Closed sumi-0011 closed 4 days ago

sumi-0011 commented 5 days ago

💡 기능

mobile 반응형을 위한 panda css condition을 추가하였습니다.
사용은 아래 코드와 같이 사용하면 됩니다.

사용 예시

const sliderContainerStyle = css({
  position: 'relative',
  width: '1120px',
  height: '800px',
  _mobile: {
    width: 'calc(100vw - 40px)',
    height: 'auto',
  },
});

sumi-0011 commented 4 days ago

굿굿 ~~ 👍 👍 이것도 토큰화해서 제공할 수도 있겠네요 ㅋㅋㅋ 👍

사실 panda css에서 제공하는 기본 break point가 있더라구요. 왜인지 적용이 되지 않아 해당 방법을 사용했습니다.

https://panda-css.com/docs/concepts/responsive-design