_webcam.scss 752 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. // @import '_variables.scss';
  2. // @import '_utils.scss';
  3. // @import '_animation.scss';
  4. // @import '_common.scss';
  5. .UppyWebcam-container {
  6. width: 100%;
  7. height: 100%;
  8. display: flex;
  9. justify-content: center;
  10. align-items: center;
  11. }
  12. .UppyWebcam-videoContainer {
  13. height: 100%;
  14. display: flex;
  15. justify-content: center;
  16. align-items: center;
  17. }
  18. .UppyWebcam-video {
  19. max-width: 100%;
  20. max-height: 100%;
  21. }
  22. // .UppyWebcam-canvas {
  23. // display: none;
  24. // }
  25. .UppyWebcam-buttonContainer {
  26. position: absolute;
  27. bottom: 30px;
  28. right: 30px;
  29. }
  30. .UppyWebcam-recordButton .UppyIcon {
  31. width: 50%;
  32. height: 50%;
  33. position: relative;
  34. top: -1px;
  35. }
  36. .uppy-Webcam-permissons {
  37. padding: 15px;
  38. }
  39. .uppy-Webcam-permissons p {
  40. line-height: 1.4;
  41. }