edit demo

smastrom · Jul 12, 2023 · 78daf15 · 78daf15
1 parent 5a15250
commit 78daf15
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 9 deletions.
diff --git a/demo/Header.vue b/demo/Header.vue
@@ -4,10 +4,7 @@ import { useFixedHeader } from '../src/useFixedHeader'
 
 const headerRef = ref<HTMLElement | null>(null)
 
-useFixedHeader(headerRef, {
- leaveDelta: 0.5,
- enterDelta: 0.5,
-})
+useFixedHeader(headerRef)
 </script>
 
 <template>

diff --git a/demo/WithContainer.vue b/demo/WithContainer.vue
@@ -9,8 +9,6 @@ const headerRef = ref<HTMLElement | null>(null)
 
 useFixedHeader(headerRef, {
  root: containerRef,
- leaveDelta: 0.5,
- enterDelta: 0.5,
 })
 </script>
 
@@ -24,7 +22,7 @@ useFixedHeader(headerRef, {
  <a
  target="_blank"
  class="Header_Button"
- href="https://github.com/smastrom/vue-use-fixed-header/blob/main/demo/Container.vue"
+ href="https://github.com/smastrom/vue-use-fixed-header/blob/main/demo/WithContainer.vue"
  >
  View Code
  </a>
@@ -47,7 +45,7 @@ useFixedHeader(headerRef, {
 }
 
 .Container {
- height: 1200px;
+ height: 1800px;
  position: relative;
  background-color: var(--WhiteColor);
 }
@@ -67,7 +65,7 @@ useFixedHeader(headerRef, {
  border-radius: 1rem;
 }
 
-.Header .Global_Logo {
+.Header_Container .Global_Logo {
  color: var(--WhiteColor);
 }