Skip to content

X
xiaomai-cloud-class-web
Commit 60c0ce5f by yuananting
Options

fix:预览样式

parent 0dd05521
Showing with 54 additions and 14 deletions
src/modules/teach-tool/modal/QuestionPreviewModal.less
...@@ -17,10 +17,6 @@ ...@@ -17,10 +17,6 @@
} }
.question-stem { .question-stem {
margin-bottom: 16px; margin-bottom: 16px;
img {
max-width: 88px;
max-height: 88px;
}
&__title { &__title {
height: 22px; height: 22px;
font-size: 16px; font-size: 16px;
...@@ -39,8 +35,28 @@ ...@@ -39,8 +35,28 @@
} }
} }
.picture-box { .picture-box {
width: 88px;
height: 88px;
border-radius: 4px;
overflow: hidden;
align-items: center;
justify-content: center;
margin-right: 12px;
position: relative;
display: inline-flex; display: inline-flex;
margin: 12px 12px 0 0; border: 1px solid #e8e8e8;
img {
max-width: 100%;
max-height: 100%;
border-radius: 4px;
vertical-align: middle;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
} }
.voice-box { .voice-box {
margin-bottom: 12px; margin-bottom: 12px;
...@@ -60,10 +76,6 @@ ...@@ -60,10 +76,6 @@
} }
.question-option { .question-option {
margin-bottom: 16px; margin-bottom: 16px;
img {
max-width: 88px;
max-height: 88px;
}
&__title { &__title {
height: 22px; height: 22px;
font-size: 16px; font-size: 16px;
...@@ -91,8 +103,28 @@ ...@@ -91,8 +103,28 @@
} }
.picture-box { .picture-box {
width: 88px;
height: 88px;
border-radius: 4px;
overflow: hidden;
align-items: center;
justify-content: center;
margin-right: 12px;
position: relative;
display: inline-flex; display: inline-flex;
margin: 12px 12px 0 0; border: 1px solid #e8e8e8;
img {
max-width: 100%;
max-height: 100%;
border-radius: 4px;
vertical-align: middle;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
} }
.voice-box { .voice-box {
margin-bottom: 12px; margin-bottom: 12px;
...@@ -172,14 +204,23 @@ ...@@ -172,14 +204,23 @@
height: 88px; height: 88px;
border-radius: 4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-right: 12px; margin-right: 12px;
position: relative;
display: inline-flex;
border: 1px solid #e8e8e8;
.img-box { .img-box {
max-width: 88px; max-width: 100%;
max-height: 88px; max-height: 100%;
border-radius: 4px; border-radius: 4px;
vertical-align: middle;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} }
} }
} }
...@@ -234,4 +275,3 @@ ...@@ -234,4 +275,3 @@
.question-preview-modal.ant-modal { .question-preview-modal.ant-modal {
max-height: 60% !important; max-height: 60% !important;
} }
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