diff --git a/app/assets/stylesheets/custom.scss b/app/assets/stylesheets/custom.scss index abd35ef..677dddc 100644 --- a/app/assets/stylesheets/custom.scss +++ b/app/assets/stylesheets/custom.scss @@ -9,3 +9,64 @@ .no-margin { margin-bottom: 0px !important; } +.huge { + font-size: 40px; +} + +.large-icon { + font-size: 70px; +} + +.panel-green { + border-color: #5cb85c !important; +} + +.panel-green .panel-heading { + border-color: #5cb85c; + color: #fff; + background-color: #5cb85c; +} + +.panel-green a { + color: #5cb85c; +} + +.panel-green a:hover { + color: #3d8b3d; +} + +.panel-red { + border-color: #d9534f !important; +} + +.panel-red .panel-heading { + border-color: #d9534f; + color: #fff; + background-color: #d9534f; +} + +.panel-red a { + color: #d9534f; +} + +.panel-red a:hover { + color: #b52b27; +} + +.panel-yellow { + border-color: #f0ad4e !important; +} + +.panel-yellow .panel-heading { + border-color: #f0ad4e; + color: #fff; + background-color: #f0ad4e; +} + +.panel-yellow a { + color: #f0ad4e; +} + +.panel-yellow a:hover { + color: #df8a13; +} diff --git a/app/views/admin/dashboard/index.html.slim b/app/views/admin/dashboard/index.html.slim index 382c996..9a0b958 100644 --- a/app/views/admin/dashboard/index.html.slim +++ b/app/views/admin/dashboard/index.html.slim @@ -1 +1,28 @@ -Admin dashboard +.col-md-6 + .panel.panel-primary + .panel-heading + .row + .col-xs-3 + = glyph 'credit-card', classes: 'large-icon' + .col-xs-9.text-right + .huge XX + div New Cards! + a href="#" + .panel-footer + .pull-left View Details + .pull-right= glyph 'circle-arrow-right' + .clearfix +.col-md-6 + .panel.panel-green + .panel-heading + .row + .col-xs-3 + = glyph 'transfer', classes: 'large-icon' + .col-xs-9.text-right + .huge XX + div New Updates! + a href="#" + .panel-footer + .pull-left View Details + .pull-right= glyph 'circle-arrow-right' + .clearfix