codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2024-11-27 17:45:40 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Courses UI: add screenshot to landing page course blocks

Browse source
This commit is contained in:
Matt Lott 2015-08-24 06:11:11 -07:00
parent f42f34c96f
commit 7d419c1615
2 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/styles/courses/mock1/courses.sass
View file

@ -5,6 +5,10 @@
.code-input .code-input
width: 100% width: 100%
.course-image
width: 100%
.course-panel .course-panel
margin: 20px margin: 20px

4
app/templates/courses/mock1/courses.jade
View file

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