Courses UI: add screenshot to landing page course blocks

2024-11-23 15:48:11 -05:00 · 2015-08-24 06:11:11 -07:00 · 2015-08-24 06:11:11 -07:00 · 7d419c1615
commit 7d419c1615
parent f42f34c96f
2 changed files with 8 additions and 0 deletions
--- a/app/styles/courses/mock1/courses.sass
+++ b/app/styles/courses/mock1/courses.sass
@ -5,6 +5,10 @@

  .code-input
    width: 100%
+
+  .course-image
+    width: 100%
+
  .course-panel
    margin: 20px

--- a/app/templates/courses/mock1/courses.jade
+++ b/app/templates/courses/mock1/courses.jade
@ -95,6 +95,10 @@ mixin course-block(course, courseID)
          strong #{course.unlocked ? '[ enrolled ]' : ''}
      .panel-body
        .container-fluid
+          .row
+            .col-md-12
+              p
+               img.course-image(src="#{course.image}")
          .row.button-row
            .col-md-6
              strong Topics