Skip to content

X
xiaomai-cloud-class-web
Commit 0dd05521 by yuananting
Options

fix:预览样式

parent 16be2951
Showing with 20 additions and 57 deletions
src/modules/teach-tool/modal/QuestionPreviewModal.less
...@@ -18,16 +18,8 @@ ...@@ -18,16 +18,8 @@
.question-stem { .question-stem {
margin-bottom: 16px; margin-bottom: 16px;
img { img {
max-width: 100%; max-width: 88px;
max-height: 100%; max-height: 88px;
border-radius: 4px;
vertical-align: middle;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} }
&__title { &__title {
height: 22px; height: 22px;
...@@ -47,15 +39,8 @@ ...@@ -47,15 +39,8 @@
} }
} }
.picture-box { .picture-box {
width: 88px; display: inline-flex;
height: 88px;
margin: 12px 12px 0 0; margin: 12px 12px 0 0;
overflow: hidden;
display: inline-block;
align-items: center;
justify-content: center;
border: 1px solid #e8e8e8;
position: relative;
} }
.voice-box { .voice-box {
margin-bottom: 12px; margin-bottom: 12px;
...@@ -64,20 +49,20 @@ ...@@ -64,20 +49,20 @@
width: 320px; width: 320px;
} }
} }
.add-fill-line {
padding: 0 10px;
border-bottom: 1px solid !important;
margin: 0 4px;
text-align: center;
border: none;
width: 54px;
}
} }
.question-option { .question-option {
margin-bottom: 16px; margin-bottom: 16px;
img { img {
max-width: 100%; max-width: 88px;
max-height: 100%; max-height: 88px;
border-radius: 4px;
vertical-align: middle;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} }
&__title { &__title {
height: 22px; height: 22px;
...@@ -106,15 +91,8 @@ ...@@ -106,15 +91,8 @@
} }
.picture-box { .picture-box {
width: 88px; display: inline-flex;
height: 88px;
margin: 12px 12px 0 0; margin: 12px 12px 0 0;
overflow: hidden;
display: inline-block;
align-items: center;
justify-content: center;
border: 1px solid #e8e8e8;
position: relative;
} }
.voice-box { .voice-box {
margin-bottom: 12px; margin-bottom: 12px;
...@@ -192,24 +170,16 @@ ...@@ -192,24 +170,16 @@
.picture-box { .picture-box {
width: 88px; width: 88px;
height: 88px; height: 88px;
margin: 12px 12px 0 0; border-radius: 4px;
overflow: hidden; overflow: hidden;
display: inline-block; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border: 1px solid #e8e8e8; margin-right: 12px;
position: relative;
.img-box { .img-box {
max-width: 100%; max-width: 88px;
max-height: 100%; max-height: 88px;
border-radius: 4px; border-radius: 4px;
vertical-align: middle;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} }
} }
} }
...@@ -264,11 +234,4 @@ ...@@ -264,11 +234,4 @@
.question-preview-modal.ant-modal { .question-preview-modal.ant-modal {
max-height: 60% !important; max-height: 60% !important;
} }
.add-fill-line {
padding: 0 10px;
border-bottom: 1px solid !important;
margin: 0 4px;
text-align: center;
border: none;
width: 54px;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment