snack-game / front

스낵게임! 선택한 스낵 숫자합을 10을 만들면 점수를 얻는 게임입니다!
https://snackga.me
13 stars 0 forks source link

[TroubleShooting] BottomNav 스크롤 발생 #266

Closed 0chil closed 1 month ago

0chil commented 1 month ago

이게 찐찐막이라고 볼 수 있슴다... 스크롤이 발생해서 BottomNav가 위로 올라가는 현상이 발생했습니다 ㅎㅎ

0chil commented 1 month ago
export const BottomNav = () => {
  const location = useLocation().pathname;

  return (
    <>
      <div className="bottom-0 z-bottomNav flex w-full">
        <div className="flex h-16"></div>
      </div>
      <div className="fixed bottom-0 z-bottomNav flex w-full justify-center">
        <div className="flex h-16 w-full max-w-3xl items-center justify-around rounded-t-2xl bg-primary-light text-gray-500 shadow-navigation">
          <RouterLink
            to={PATH.SNACK_GAME}
            className={'flex-col items-center justify-between'}
            isActivated={location == PATH.SNACK_GAME}
          >
            <GameIcon className={'h-6 w-6'} />
            <span>게임</span>
          </RouterLink>
    ...

이런식으로 NavBar 크기의 투명 컴포넌트를 하나 넣고, 화면들의 크기를 조정하면 어떨까요? @nijuy

nijuy commented 1 month ago

아니 스크롤 이녀석이................................. 방법 제안까지 감사합 니다라고 쓰고 있는데 pr이 열렸네용 지금ㅎ ㅘㄱ인하겠습니다