VInfiniteScroll.css 899 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. .v-infinite-scroll--horizontal {
  2. display: flex;
  3. flex-direction: row;
  4. overflow-x: auto;
  5. }
  6. .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
  7. height: 100%;
  8. width: var(--v-infinite-margin-size, 1px);
  9. }
  10. .v-infinite-scroll--vertical {
  11. display: flex;
  12. flex-direction: column;
  13. overflow-y: auto;
  14. }
  15. .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
  16. height: 1px;
  17. width: 100%;
  18. }
  19. .v-infinite-scroll-intersect {
  20. pointer-events: none;
  21. margin-top: var(--v-infinite-margin);
  22. margin-bottom: calc(var(--v-infinite-margin) * -1);
  23. }
  24. .v-infinite-scroll-intersect:nth-child(2) {
  25. --v-infinite-margin: var(--v-infinite-margin-size, 1px);
  26. }
  27. .v-infinite-scroll-intersect:nth-last-child(2) {
  28. --v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
  29. }
  30. .v-infinite-scroll__side {
  31. align-items: center;
  32. display: flex;
  33. justify-content: center;
  34. padding: 8px;
  35. }