UserLayout.less 991 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. @import "~antd/lib/style/themes/default.less";
  2. .container {
  3. display: flex;
  4. flex-direction: column;
  5. min-height: 100%;
  6. background: #f0f2f5;
  7. }
  8. .content {
  9. padding: 32px 0;
  10. flex: 1;
  11. }
  12. @media (min-width: @screen-md-min) {
  13. .container {
  14. background-image: url('https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg');
  15. background-repeat: no-repeat;
  16. background-position: center 110px;
  17. background-size: 100%;
  18. }
  19. .content {
  20. padding: 112px 0 24px 0;
  21. }
  22. }
  23. .top {
  24. text-align: center;
  25. }
  26. .header {
  27. height: 44px;
  28. line-height: 44px;
  29. a {
  30. text-decoration: none;
  31. }
  32. }
  33. .logo {
  34. height: 44px;
  35. vertical-align: top;
  36. margin-right: 16px;
  37. }
  38. .title {
  39. font-size: 33px;
  40. color: @heading-color;
  41. font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  42. font-weight: 600;
  43. position: relative;
  44. top: 2px;
  45. }
  46. .desc {
  47. font-size: @font-size-base;
  48. color: @text-color-secondary;
  49. margin-top: 12px;
  50. margin-bottom: 40px;
  51. }