Add CourseLicense component with styling
This commit is contained in:
10
src/courseware/course/CourseLicense.jsx
Normal file
10
src/courseware/course/CourseLicense.jsx
Normal file
@@ -0,0 +1,10 @@
|
||||
import React from 'react';
|
||||
|
||||
export default function CourseLicense() {
|
||||
return (
|
||||
<div className="course-license">
|
||||
© {/* This is a copyright symbol */}
|
||||
<span className="license-text">All Rights Reserved</span>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -7,6 +7,7 @@ import { sendTrackEvent } from '@edx/frontend-platform/analytics';
|
||||
import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
|
||||
import { useSelector } from 'react-redux';
|
||||
|
||||
import CourseLicense from '../CourseLicense';
|
||||
import PageLoading from '../../../PageLoading';
|
||||
import { UserMessagesContext, ALERT_TYPES } from '../../../user-messages';
|
||||
import { useModel } from '../../../model-store';
|
||||
@@ -154,6 +155,9 @@ function Sequence({
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
<div className="sequence-footer">
|
||||
<CourseLicense />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -262,6 +262,14 @@ $primary: #1176B2;
|
||||
}
|
||||
}
|
||||
|
||||
.sequence-footer {
|
||||
padding: 5px 2%;
|
||||
.course-license {
|
||||
font-size: 14px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.unit-container {
|
||||
padding: 0 $grid-gutter-width 2rem;
|
||||
max-width: 1024px;
|
||||
|
||||
Reference in New Issue
Block a user