1
0
Fork 0

Create sample dashboard stuff

This commit is contained in:
Andrew Tomaka 2015-10-09 15:37:23 -04:00
parent 215c989806
commit 04d6aea297
2 changed files with 89 additions and 1 deletions

View file

@ -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;
}

View file

@ -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