Skip to content

Commit

Permalink
add more example p-tags for scrolling on desktop
Browse files Browse the repository at this point in the history
  • Loading branch information
sookmax committed Aug 25, 2023
1 parent 63281c1 commit d3b9240
Showing 1 changed file with 261 additions and 0 deletions.
261 changes: 261 additions & 0 deletions packages/ui/src/HeaderPositionExample.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -177,6 +177,267 @@ export function HeaderPositionExample() {
Aenean bibendum, nulla at tristique pulvinar, dolor nulla tincidunt
purus, id cursus ex quam nec libero.
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor
neque nec justo lacinia, nec accumsan libero tristique. Proin posuere
lectus vitae libero scelerisque, ac hendrerit libero convallis. Sed
nec fermentum dolor, sit amet placerat nulla. Vestibulum efficitur vel
justo ac tincidunt.
</p>

<p>
Quisque ullamcorper ipsum nec bibendum volutpat. Cras varius hendrerit
aliquam. Duis sit amet posuere justo. In ac lectus sed libero
facilisis mattis. Nulla facilisi. Curabitur bibendum ex eget purus
tincidunt dignissim.
</p>

<p>
Suspendisse potenti. Integer quis augue libero. Vivamus varius
tristique sapien, et tempus dui bibendum id. Sed in arcu euismod,
bibendum est sed, tempor mi. Fusce aliquam, purus id dapibus ultrices,
ligula est viverra nulla, ac interdum odio mi sit amet purus.
</p>

<p>
Phasellus nec dolor odio. Sed ac varius nulla. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia curae;
Aenean bibendum, nulla at tristique pulvinar, dolor nulla tincidunt
purus, id cursus ex quam nec libero.
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor
neque nec justo lacinia, nec accumsan libero tristique. Proin posuere
lectus vitae libero scelerisque, ac hendrerit libero convallis. Sed
nec fermentum dolor, sit amet placerat nulla. Vestibulum efficitur vel
justo ac tincidunt.
</p>

<p>
Quisque ullamcorper ipsum nec bibendum volutpat. Cras varius hendrerit
aliquam. Duis sit amet posuere justo. In ac lectus sed libero
facilisis mattis. Nulla facilisi. Curabitur bibendum ex eget purus
tincidunt dignissim.
</p>

<p>
Suspendisse potenti. Integer quis augue libero. Vivamus varius
tristique sapien, et tempus dui bibendum id. Sed in arcu euismod,
bibendum est sed, tempor mi. Fusce aliquam, purus id dapibus ultrices,
ligula est viverra nulla, ac interdum odio mi sit amet purus.
</p>

<p>
Phasellus nec dolor odio. Sed ac varius nulla. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia curae;
Aenean bibendum, nulla at tristique pulvinar, dolor nulla tincidunt
purus, id cursus ex quam nec libero.
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor
neque nec justo lacinia, nec accumsan libero tristique. Proin posuere
lectus vitae libero scelerisque, ac hendrerit libero convallis. Sed
nec fermentum dolor, sit amet placerat nulla. Vestibulum efficitur vel
justo ac tincidunt.
</p>

<p>
Quisque ullamcorper ipsum nec bibendum volutpat. Cras varius hendrerit
aliquam. Duis sit amet posuere justo. In ac lectus sed libero
facilisis mattis. Nulla facilisi. Curabitur bibendum ex eget purus
tincidunt dignissim.
</p>

<p>
Suspendisse potenti. Integer quis augue libero. Vivamus varius
tristique sapien, et tempus dui bibendum id. Sed in arcu euismod,
bibendum est sed, tempor mi. Fusce aliquam, purus id dapibus ultrices,
ligula est viverra nulla, ac interdum odio mi sit amet purus.
</p>

<p>
Phasellus nec dolor odio. Sed ac varius nulla. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia curae;
Aenean bibendum, nulla at tristique pulvinar, dolor nulla tincidunt
purus, id cursus ex quam nec libero.
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor
neque nec justo lacinia, nec accumsan libero tristique. Proin posuere
lectus vitae libero scelerisque, ac hendrerit libero convallis. Sed
nec fermentum dolor, sit amet placerat nulla. Vestibulum efficitur vel
justo ac tincidunt.
</p>

<p>
Quisque ullamcorper ipsum nec bibendum volutpat. Cras varius hendrerit
aliquam. Duis sit amet posuere justo. In ac lectus sed libero
facilisis mattis. Nulla facilisi. Curabitur bibendum ex eget purus
tincidunt dignissim.
</p>

<p>
Suspendisse potenti. Integer quis augue libero. Vivamus varius
tristique sapien, et tempus dui bibendum id. Sed in arcu euismod,
bibendum est sed, tempor mi. Fusce aliquam, purus id dapibus ultrices,
ligula est viverra nulla, ac interdum odio mi sit amet purus.
</p>

<p>
Phasellus nec dolor odio. Sed ac varius nulla. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia curae;
Aenean bibendum, nulla at tristique pulvinar, dolor nulla tincidunt
purus, id cursus ex quam nec libero.
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor
neque nec justo lacinia, nec accumsan libero tristique. Proin posuere
lectus vitae libero scelerisque, ac hendrerit libero convallis. Sed
nec fermentum dolor, sit amet placerat nulla. Vestibulum efficitur vel
justo ac tincidunt.
</p>

<p>
Quisque ullamcorper ipsum nec bibendum volutpat. Cras varius hendrerit
aliquam. Duis sit amet posuere justo. In ac lectus sed libero
facilisis mattis. Nulla facilisi. Curabitur bibendum ex eget purus
tincidunt dignissim.
</p>

<p>
Suspendisse potenti. Integer quis augue libero. Vivamus varius
tristique sapien, et tempus dui bibendum id. Sed in arcu euismod,
bibendum est sed, tempor mi. Fusce aliquam, purus id dapibus ultrices,
ligula est viverra nulla, ac interdum odio mi sit amet purus.
</p>

<p>
Phasellus nec dolor odio. Sed ac varius nulla. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia curae;
Aenean bibendum, nulla at tristique pulvinar, dolor nulla tincidunt
purus, id cursus ex quam nec libero.
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor
neque nec justo lacinia, nec accumsan libero tristique. Proin posuere
lectus vitae libero scelerisque, ac hendrerit libero convallis. Sed
nec fermentum dolor, sit amet placerat nulla. Vestibulum efficitur vel
justo ac tincidunt.
</p>

<p>
Quisque ullamcorper ipsum nec bibendum volutpat. Cras varius hendrerit
aliquam. Duis sit amet posuere justo. In ac lectus sed libero
facilisis mattis. Nulla facilisi. Curabitur bibendum ex eget purus
tincidunt dignissim.
</p>

<p>
Suspendisse potenti. Integer quis augue libero. Vivamus varius
tristique sapien, et tempus dui bibendum id. Sed in arcu euismod,
bibendum est sed, tempor mi. Fusce aliquam, purus id dapibus ultrices,
ligula est viverra nulla, ac interdum odio mi sit amet purus.
</p>

<p>
Phasellus nec dolor odio. Sed ac varius nulla. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia curae;
Aenean bibendum, nulla at tristique pulvinar, dolor nulla tincidunt
purus, id cursus ex quam nec libero.
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor
neque nec justo lacinia, nec accumsan libero tristique. Proin posuere
lectus vitae libero scelerisque, ac hendrerit libero convallis. Sed
nec fermentum dolor, sit amet placerat nulla. Vestibulum efficitur vel
justo ac tincidunt.
</p>

<p>
Quisque ullamcorper ipsum nec bibendum volutpat. Cras varius hendrerit
aliquam. Duis sit amet posuere justo. In ac lectus sed libero
facilisis mattis. Nulla facilisi. Curabitur bibendum ex eget purus
tincidunt dignissim.
</p>

<p>
Suspendisse potenti. Integer quis augue libero. Vivamus varius
tristique sapien, et tempus dui bibendum id. Sed in arcu euismod,
bibendum est sed, tempor mi. Fusce aliquam, purus id dapibus ultrices,
ligula est viverra nulla, ac interdum odio mi sit amet purus.
</p>

<p>
Phasellus nec dolor odio. Sed ac varius nulla. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia curae;
Aenean bibendum, nulla at tristique pulvinar, dolor nulla tincidunt
purus, id cursus ex quam nec libero.
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor
neque nec justo lacinia, nec accumsan libero tristique. Proin posuere
lectus vitae libero scelerisque, ac hendrerit libero convallis. Sed
nec fermentum dolor, sit amet placerat nulla. Vestibulum efficitur vel
justo ac tincidunt.
</p>

<p>
Quisque ullamcorper ipsum nec bibendum volutpat. Cras varius hendrerit
aliquam. Duis sit amet posuere justo. In ac lectus sed libero
facilisis mattis. Nulla facilisi. Curabitur bibendum ex eget purus
tincidunt dignissim.
</p>

<p>
Suspendisse potenti. Integer quis augue libero. Vivamus varius
tristique sapien, et tempus dui bibendum id. Sed in arcu euismod,
bibendum est sed, tempor mi. Fusce aliquam, purus id dapibus ultrices,
ligula est viverra nulla, ac interdum odio mi sit amet purus.
</p>

<p>
Phasellus nec dolor odio. Sed ac varius nulla. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia curae;
Aenean bibendum, nulla at tristique pulvinar, dolor nulla tincidunt
purus, id cursus ex quam nec libero.
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor
neque nec justo lacinia, nec accumsan libero tristique. Proin posuere
lectus vitae libero scelerisque, ac hendrerit libero convallis. Sed
nec fermentum dolor, sit amet placerat nulla. Vestibulum efficitur vel
justo ac tincidunt.
</p>

<p>
Quisque ullamcorper ipsum nec bibendum volutpat. Cras varius hendrerit
aliquam. Duis sit amet posuere justo. In ac lectus sed libero
facilisis mattis. Nulla facilisi. Curabitur bibendum ex eget purus
tincidunt dignissim.
</p>

<p>
Suspendisse potenti. Integer quis augue libero. Vivamus varius
tristique sapien, et tempus dui bibendum id. Sed in arcu euismod,
bibendum est sed, tempor mi. Fusce aliquam, purus id dapibus ultrices,
ligula est viverra nulla, ac interdum odio mi sit amet purus.
</p>

<p>
Phasellus nec dolor odio. Sed ac varius nulla. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia curae;
Aenean bibendum, nulla at tristique pulvinar, dolor nulla tincidunt
purus, id cursus ex quam nec libero.
</p>
</main>
</>
);
Expand Down

0 comments on commit d3b9240

Please sign in to comment.