styled.ts 515 B

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