您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

ItemDetailsLayout.styled.js 686B

123456789101112131415161718192021222324252627282930313233
  1. import { Container, Grid } from "@mui/material";
  2. import styled from "styled-components";
  3. export const ItemDetailsLayoutContainer = styled(Container)`
  4. padding-left: 60px;
  5. padding-right: 0;
  6. margin: 0;
  7. width: 100%;
  8. max-width: none;
  9. display: flex;
  10. position: relative;
  11. flex: 1;
  12. height: 100%;
  13. @media (max-width: 1200px) {
  14. padding-right: 60px;
  15. }
  16. @media (max-width: 600px) {
  17. padding-left: 18px;
  18. padding-right: 18px;
  19. }
  20. `;
  21. export const RightCard = styled(Grid)`
  22. margin-top: 34px;
  23. border-top-right-radius: 4px;
  24. width: 100%;
  25. /* @media (max-width: 800px) {
  26. position: relative;
  27. bottom: -500px;
  28. } */
  29. `;
  30. export const Content = styled(Grid)`
  31. `;