camera-modal-instance.css 556 B

1234567891011121314151617181920212223242526272829303132333435
  1. :host {
  2. z-index: 1000;
  3. position: fixed;
  4. top: 0;
  5. left: 0;
  6. width: 100%;
  7. height: 100%;
  8. display: flex;
  9. contain: strict;
  10. --inset-width: 600px;
  11. --inset-height: 600px;
  12. }
  13. .wrapper {
  14. flex: 1;
  15. display: flex;
  16. align-items: center;
  17. justify-content: center;
  18. background-color: rgba(0, 0, 0, 0.15);
  19. }
  20. .content {
  21. box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  22. width: var(--inset-width);
  23. height: var(--inset-height);
  24. max-height: 100%;
  25. }
  26. @media only screen and (max-width: 600px) {
  27. .content {
  28. width: 100%;
  29. height: 100%;
  30. }
  31. }