Layout of the Basic task is now completed
This commit is contained in:
parent
61465130a6
commit
032ac983eb
@ -1,6 +1,7 @@
|
||||
@import "./_esuiteVariables.scss";
|
||||
|
||||
$assignmentComplete-border-color: darken($mode--light-bg, 50%);
|
||||
$border-radius: 12px;
|
||||
|
||||
.assignmentComplete {
|
||||
display: flex;
|
||||
@ -66,12 +67,13 @@ $assignmentComplete-border-color: darken($mode--light-bg, 50%);
|
||||
|
||||
.taskDetails {
|
||||
border: 1px solid $assignmentComplete-border-color;
|
||||
border-radius: 4px;
|
||||
border-radius: $border-radius;
|
||||
padding: 12px;
|
||||
margin-bottom: 12px;
|
||||
|
||||
.taskDetailsHeader {
|
||||
background-color: $assignmentComplete-border-color;
|
||||
border-radius: $border-radius $border-radius 0 0;
|
||||
margin: -12px -12px 12px;
|
||||
padding: 8px 12px;
|
||||
}
|
||||
@ -111,3 +113,12 @@ $assignmentComplete-border-color: darken($mode--light-bg, 50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.basicTask {
|
||||
.banner {
|
||||
background-color: $assignmentComplete-border-color;
|
||||
padding: 12px;
|
||||
border-radius: $border-radius;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -88,8 +88,8 @@ const BasicTask: React.FC<BasicTaskProps> = ({
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="workareaInner">
|
||||
<div>{description}</div>
|
||||
<div className="basicTask">
|
||||
<div className="banner">{description}</div>
|
||||
|
||||
{renderInput(
|
||||
"comments",
|
||||
|
||||
Loading…
Reference in New Issue
Block a user