Skip to content

Commit

Permalink
Merge pull request #256 from EATSTEAK/fix/navigation_top
Browse files Browse the repository at this point in the history
[fix] 자연스러운 스크롤을 위해 `Navigation` 이 스크롤 상단에 있을 때 `absolute` 가 되지 않도록 수정
  • Loading branch information
Twince authored Sep 11, 2022
2 parents b209081 + 31a723b commit 42c4007
Showing 1 changed file with 1 addition and 2 deletions.
3 changes: 1 addition & 2 deletions packages/client/src/components/molecule/Navigation.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -57,8 +57,7 @@
<!-- fly animation 시 header 아래로 nav 가 expand 되도록 element 의 순서를 바꾸고 `flex-col-reverse` 를 적용 -->
<aside class='{clazz} flex flex-col-reverse justify-end max-h-screen z-50 overflow-y-auto'
transition:fly={{ y: -100, duration: 500 }}
class:absolute={collapsable && isOnTop}
class:fixed={collapsable && !isOnTop}>
class:fixed={collapsable}>
{#if !collapsable || !collapsed}
<nav transition:fly={{ y: -100, duration: 500 }}
class='{navClass} px-6 md:px-10 flex flex-col bg-gray-200 grow overflow-y-auto shadow-md'
Expand Down

0 comments on commit 42c4007

Please sign in to comment.