index.module.less 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. .addOtherSource {
  2. padding: 42px 50px;
  3. display: flex;
  4. align-items: center;
  5. flex-wrap: wrap;
  6. gap: 30px 30px;
  7. .sourceItem {
  8. cursor: pointer;
  9. .coverImg {
  10. width: 127px;
  11. height: 127px;
  12. transition: all .2s ease;
  13. border: 2px solid transparent;
  14. border-radius: 17px;
  15. box-sizing: content-box;
  16. &:hover {
  17. border: 2px solid #198CFE;
  18. transform: scale(1.02);
  19. transition: all .2s ease;
  20. }
  21. }
  22. .name {
  23. padding-top: 4px;
  24. text-align: center;
  25. font-size: max(15px, 12Px);
  26. color: #131415;
  27. line-height: 21px;
  28. }
  29. }
  30. }
  31. .addOtherSourceModal {
  32. width: 958px;
  33. }
  34. .instrumentModal,
  35. .musicModal {
  36. width: 1200px;
  37. position: relative;
  38. // width: 1352px;
  39. :global {
  40. .n-card-header {
  41. position: absolute;
  42. top: 0;
  43. left: 0;
  44. right: 0;
  45. .n-card-header__main {
  46. color: #fff;
  47. }
  48. }
  49. }
  50. }
  51. .musicModal {
  52. width: 1360px;
  53. }
  54. .theoryModal {
  55. width: 1360px;
  56. position: relative;
  57. }
  58. .subjectSyncModal {
  59. width: 1070px;
  60. }
  61. .attendClassModal {
  62. width: 1100px;
  63. :global {
  64. .n-select-menu {
  65. --n-height: calc(var(--n-option-height) * 5.6) !important;
  66. }
  67. }
  68. }
  69. .attendClassSaveModal {
  70. width: 600px;
  71. :global {
  72. .n-select-menu {
  73. --n-height: calc(var(--n-option-height) * 5.6) !important;
  74. }
  75. }
  76. }