Adjust question prompt in full screen to be same size as stage and centered.
This commit is contained in:
1 parent
b799573644
commit
d315aba5da
2 files changed
+18
-7
No files matched your search
@@ -59,7 +59,11 @@
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.monitor-wrapper, .color-picker-wrapper {
|
||||
.question-wrapper {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.monitor-wrapper, .color-picker-wrapper, .queston-wrapper {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
@@ -78,12 +78,19 @@ const StageComponent = props => {
|
||||
<Box className={styles.monitorWrapper}>
|
||||
<MonitorList />
|
||||
</Box>
|
||||
{question === null ? null : (
|
||||
<Question
|
||||
question={question}
|
||||
onQuestionAnswered={onQuestionAnswered}
|
||||
/>
|
||||
)}
|
||||
<div className={styles.stageOverlayContent}>
|
||||
<div
|
||||
className={styles.questionWrapper}
|
||||
style={{width: widthCorrectedAspect}}
|
||||
>
|
||||
{question === null ? null : (
|
||||
<Question
|
||||
question={question}
|
||||
onQuestionAnswered={onQuestionAnswered}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</Box>
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in new issue
Block a user