styled.ts 541 B

123456789101112131415161718192021222324252627282930313233
  1. import styled from 'styled-components';
  2. import { color } from '../../constants/style';
  3. export const Container = styled.div`
  4. position: fixed;
  5. z-index: 100;
  6. top: 0;
  7. left: 0;
  8. right: 0;
  9. bottom: 0;
  10. `;
  11. export const Blanket = styled.div`
  12. z-index: -1;
  13. position: fixed;
  14. right: 0;
  15. bottom: 0;
  16. top: 0;
  17. left: 0;
  18. background-color: ${color.black05};
  19. `;
  20. export const Content = styled.div`
  21. position: absolute;
  22. top: 0;
  23. left: 0;
  24. right: 0;
  25. bottom: 0;
  26. display: flex;
  27. justify-content: center;
  28. align-items: center;
  29. `;