viewer.css 895 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .pdf-container {
  2. margin: 1em auto;
  3. overflow-x: hidden;
  4. overflow-y: auto;
  5. }
  6. .pdf-page {
  7. position: relative;
  8. margin: auto;
  9. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.09);
  10. /* display: flex; */
  11. }
  12. .pdf-page canvas {
  13. position: absolute;
  14. left: 0;
  15. top: 0;
  16. height: 100%;
  17. width: 100%;
  18. }
  19. .pdf-page.placeholder {
  20. display: flex;
  21. margin-bottom: 0em !important;
  22. margin-top: 0em !important;
  23. height: 100%;
  24. width: 100%;
  25. }
  26. .pdf-page .content-wrapper {
  27. margin: 0 !important;
  28. padding: 0 !important;
  29. display: flex !important;
  30. }
  31. .pdf-page .content-wrapper .loader {
  32. border: 2px solid #f3f3f3;
  33. border-top: 3px solid #3498db;
  34. border-radius: 50%;
  35. width: 24px;
  36. height: 24px;
  37. animation: spin 1s linear infinite;
  38. margin: auto;
  39. }
  40. @keyframes spin {
  41. 0% {
  42. transform: rotate(0deg);
  43. }
  44. 100% {
  45. transform: rotate(360deg);
  46. }
  47. }