You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
NewEduCoderBuild/p__Classrooms__New__index.c...

527 lines
15 KiB

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.1.6@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.1.6@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Classrooms/New/components/AppplySchoolModal/index.less?modules ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.flexRow___wVzmN {
display: flex;
flex-direction: row;
}
.flexColumn___gLZgJ {
display: flex;
flex-direction: column;
}
.formWrap___z7EIz {
font-size: 14px;
}
.formWrap___z7EIz div[class~='ant-form-item-label'] label {
font-size: 14px;
color: #979797;
}
.formWrap___z7EIz div[class~='ant-form-item-control-input-content'] input {
font-size: 14px;
height: 40px;
line-height: 40px;
}
.formWrap___z7EIz div[class~='ant-form-item-control-input-content'] textarea {
font-size: 14px;
height: 40px;
}
.example___dy_gt {
margin-left: 95px;
margin-bottom: 10px;
}
.footerWrap___Y3nmz div[class~='ant-form-item-control'] {
max-width: 100%;
}
.footerWrap___Y3nmz div[class~='ant-form-item'] {
margin-bottom: 0px;
}
.footerWrap___Y3nmz div[class~='ant-form-item-control-input-content'] {
display: flex;
justify-content: flex-end;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.1.6@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.1.6@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/pages/Classrooms/New/index.less?modules ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.bg___scGBN {
margin: 0 auto;
width: 1200px;
}
.wrap___h5b4S {
background-color: #ffffff;
overflow: hidden;
}
.wrap___h5b4S .ant-checkbox-checked .ant-checkbox-inner {
background-color: #fff;
border-color: #165dff;
}
.wrap___h5b4S .ant-checkbox-checked .ant-checkbox-inner::after {
border-color: #165dff;
}
.middle___hq_IK {
display: flex;
align-items: center;
}
.row___EoLy1 {
display: flex;
align-items: center;
margin: 20px 0;
}
.row___EoLy1 .title___BQ3Sj {
display: flex;
align-items: center;
height: 24px;
background: rgba(22, 93, 255, 0.06);
border-radius: 12px;
font-size: 14px;
color: #165DFF;
padding: 5px 20px;
cursor: pointer;
}
.row___EoLy1 .title___BQ3Sj span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 760px;
}
.row___EoLy1 .title___BQ3Sj i {
font-size: 13px;
margin-right: 8px;
}
.row___EoLy1 .size___Tag29 {
font-size: 12px;
color: #C5C5C5;
margin-left: 10px;
}
.row___EoLy1 .download___ROULb {
display: flex;
align-items: center;
font-size: 14px;
color: #165DFF;
margin-left: 30px;
cursor: pointer;
}
.row___EoLy1 .download___ROULb i {
font-size: 14px;
margin-right: 5px;
}
.row___EoLy1 .preview___JP69C {
display: flex;
align-items: center;
font-size: 14px;
color: #2FA34F;
margin-left: 20px;
cursor: pointer;
}
.row___EoLy1 .preview___JP69C i {
font-size: 14px;
margin-right: 4px;
}
.row___EoLy1 .delete___JF6Ct {
display: flex;
align-items: center;
font-size: 14px;
color: red;
margin-left: 20px;
cursor: pointer;
}
.row___EoLy1 .delete___JF6Ct i {
font-size: 14px;
margin-right: 4px;
}
.row___EoLy1 .annotation___DCmsV {
display: flex;
align-items: center;
font-size: 14px;
color: #A77F1E;
margin-left: 20px;
cursor: pointer;
}
.row___EoLy1 .annotation___DCmsV i {
font-size: 14px;
margin-right: 4px;
}
.crumbs___JJo3q {
margin-top: 31px;
margin-bottom: 24px;
}
.crumbs___JJo3q span {
font-size: 14px;
color: #b1bacd;
}
.crumbs___JJo3q i {
margin: 0 11px;
font-size: 13px;
color: #b1bacd;
}
.crumbs___JJo3q b {
font-size: 14px;
font-weight: 400;
color: #000000;
}
.titleWrap___Cnywx {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #dbdce0;
padding-bottom: 4px;
padding-right: 17px;
}
.titleWrap___Cnywx span {
font-weight: 500;
color: #202124;
font-size: 16px;
}
.titleWrap___Cnywx b {
font-size: 14px;
font-weight: 400;
color: #3061d0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.titleWrap___Cnywx b:hover {
color: #165dff;
}
.flexRow___FVlte {
display: flex;
flex-direction: row;
}
.flexJustifyCenter___Q_2Lz {
justify-content: center;
}
.flexAlignCenter___d6nhw {
align-items: center;
}
.flexColumn___mCDIJ {
display: flex;
flex-direction: column;
}
.fieldWrap___dOMry div[class~='ant-form-item-label'] label {
font-size: 14px;
color: #000000;
margin-bottom: 2px;
}
.fieldWrap___dOMry div[class~='ant-form-item-label'] label::before {
color: #ee0a24;
margin-right: 6px;
}
.fieldWrap___dOMry input[class~='ant-input'] {
line-height: 1.5;
background: transparent;
border-width: 1px;
height: 38px;
font-size: 14px;
}
.fieldWrap___dOMry div[class~='ant-select-selector'] {
height: 38px !important;
}
.fieldWrap___dOMry div[class~='ant-select-selector'] input {
height: 38px !important;
}
.fieldWrap___dOMry div[class~='ant-select-selector'] span[class~='ant-select-selection-placeholder'] {
line-height: 36px !important;
}
.fieldWrap___dOMry label[class~='ant-checkbox-wrapper'] {
margin-left: 0;
margin-right: 8px;
}
.fieldWrap___dOMry label[class~='ant-checkbox-wrapper'] > span:last-child {
color: #000000;
}
.fieldWrap___dOMry .checkUsersFromCode___toyn5 {
margin-left: 22px;
margin-bottom: 0;
}
.courseField___qQV_5 {
width: 704px;
}
.courseExample___IY_Tc {
display: flex;
flex-direction: column;
justify-content: center;
font-size: 12px;
color: #989898;
margin-left: 70px;
margin-top: 10px;
}
.period___vIGwk span[class~='ant-input-wrapper'] {
width: 280px;
}
.period___vIGwk input[class~='ant-input'] {
width: 280px;
}
.credit___aOpp2 span[class~='ant-input-wrapper'] {
width: 280px;
}
.credit___aOpp2 input[class~='ant-input'] {
width: 280px;
}
.endTime___E5PEn div[class~='ant-picker'] {
line-height: 1.5;
background: transparent;
border-width: 1px;
height: 38px;
width: 315px;
font-size: 14px;
}
.width655___Zwxr5 {
width: 655px;
}
.color999___ZFcVB {
color: #999999;
}
.colorCDCDCD___Cb3mH {
color: #cdcdcd;
}
.color0152d9___bDkNR {
color: #0152d9;
}
.backgroundFa___lmMKC {
padding: 50px 0;
display: flex;
justify-content: end;
align-items: center;
}
.backgroundFa___lmMKC button[class~='ant-btn'] {
height: 32px;
background: #f6f7f9 linear-gradient(180deg, #ffffff 0%, #f6f7f9 100%);
box-shadow: 0px 2px 4px 0px #e0dfe1, inset 0px 1px 3px 0px rgba(255, 255, 255, 0.5);
border-radius: 2px;
border: 1px solid #bacffe;
font-size: 14px;
color: #165dff;
line-height: 30px;
display: inline-block;
padding: 0 16px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.backgroundFa___lmMKC button[class~='ant-btn']:hover {
border: 1px solid #165dff;
}
.bBtn____iNQx {
height: 32px;
line-height: 30px;
background: #fcfcfe;
border-radius: 2px;
border: 1px solid #c3cfe0;
text-align: center;
color: #464f66;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-right: 20px;
font-size: 14px;
padding: 0 16px;
}
.bBtn____iNQx:hover {
border: 1px solid #165dff;
color: #165dff;
}
.schoolHintWrap___VeMJ3 {
height: 20px;
line-height: 20px;
font-size: 14px;
}
.w700___YWsgj {
width: 600px !important;
}
.classromediv___Ee2n7 {
animation: glow___uTEgy 200ms ease-out infinite alternate;
}
@keyframes glow___uTEgy {
0% {
width: 130px;
height: 40px;
line-height: 40px;
font-weight: 400;
padding: 0px;
box-shadow: 0 0 5px rgba(0, 255, 249, 0.2);
}
100% {
width: 130px;
height: 40px;
line-height: 40px;
font-weight: 400;
padding: 0px;
border-color: #00fff9;
box-shadow: 0 0 8px rgba(0, 255, 249, 0.6);
}
}
.modal___xWdwx .ant-modal-confirm-title {
font-size: 18px;
}
.modal___xWdwx .ant-modal-confirm-btns .ant-btn {
width: 140px;
height: 40px;
border-radius: 4px;
margin-bottom: 20px;
margin-right: 22px;
}
.modal___xWdwx .content___b2kXV {
padding: 30px 20px;
}
.modal___xWdwx .content___b2kXV p {
font-size: 14px;
color: #3a3a3a;
line-height: 22px;
}
.modal___xWdwx .content___b2kXV .box___iMIt6 {
display: flex;
align-items: center;
margin-top: 30px;
}
.modal___xWdwx .content___b2kXV .box___iMIt6 > div {
width: 164px;
height: 40px;
background: #f5f5f5;
border-radius: 4px;
line-height: 40px;
text-align: center;
font-size: 24px;
font-weight: 600;
color: #44d7b6;
margin: 0 20px;
}
.modal___xWdwx .content___b2kXV .box___iMIt6 > button {
width: 110px;
height: 40px;
background: #0152d9;
border-radius: 4px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[0].use[1]!./node_modules/_@umijs_bundler-webpack@4.1.6@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[2]!./node_modules/_@umijs_bundler-webpack@4.1.6@@umijs/bundler-webpack/compiled/less-loader/index.js??ruleSet[1].rules[5].oneOf[0].use[3]!./src/components/PreviewAll/index.less?modules ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wrp___dq7YK {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 108;
}
.wrp___dq7YK.bgBlack___ARIUV {
background: rgba(0, 0, 0, 0.5);
}
.wrp___dq7YK img,
.wrp___dq7YK video {
max-width: 100%;
max-height: 80%;
text-align: center;
}
.wrp___dq7YK iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #fff;
border: none;
}
.monaco___VnZC3 {
position: absolute;
height: 100%;
width: 100%;
}
.darkBlue___UprA9 * {
font-size: 14px;
}
.darkBlue___UprA9 [class~='margin'],
.darkBlue___UprA9 [class~='monaco-editor-background'] {
background: #0a0e2d !important;
}
.darkBlue___UprA9 [class~='line-numbers'] {
color: white !important;
}
.close___LKoWu {
position: absolute;
right: 40px;
top: 40px;
z-index: 10;
display: flex;
}
.close___LKoWu > span {
background: #4a4a4a;
color: #fff;
width: 40px;
height: 40px;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin-left: 10px;
}
.embed___hvpEJ {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/_css-loader@6.7.1@css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/_@umijs_bundler-webpack@4.1.6@@umijs/bundler-webpack/compiled/postcss-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./src/components/monaco-editor/index.css ***!
\*******************************************************************************************************************************************************************************************************************************************************************************************/
.my-monaco-editor div,
.my-diff-editor div {
font-size: inherit;
}
.my-error-line-wrp {
width: calc(100% - 20px) !important;
background: rgba(245, 0, 0, 0.2) !important;
height: auto !important;
color: rgba(245, 0, 0, 1);
}
.noCopyPaste .quick-input-widget {
display: none !important;
}
.breakpoints-select {
background: #FF0000;
width: 8px !important;
height: 8px !important;
left: 7px !important;
top: 7px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.breakpoints-fake {
background: rgba(255, 0, 0, 0.5);
width: 8px !important;
height: 8px !important;
left: 7px !important;
top: 7px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.highlighted-line {
background: #4B4B18;
}