lucas.mathieu/cachet-docker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Started on dashboard content area

Browse Source
This commit is contained in:
Elliot Hesp
2014-12-04 21:56:54 +00:00
parent a74d99c426
commit 70e95f6123
8 changed files with 111 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/sass/main.scss
View File

@@ -2,6 +2,8 @@ html, body {
height: 100%;
}
@import "modules/tabs";
@import "partials/base";
@import "partials/wrapper";
@import "partials/header";

13
app/assets/sass/modules/_tabs.scss Normal file
View File

@@ -0,0 +1,13 @@
ul.tabs {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #d5d8d7;
li {
display: inline;
a {
display: inline-block;
padding: 15px 30px;
}
}
}

20
app/assets/sass/partials/_content.scss
View File

@@ -1,4 +1,24 @@
body.dashboard {
.content {
.row {
margin: 10px 0;
}
.header {
background: #ffffff;
padding: 14px;
width: 100%;
height: 50px;
font-size: 18px;
i {
padding-right: 10px;
}
input, button, .btn {
position: relative;
top: -4px;
}
input {
width: 20%;
}
}
}
}

1
app/assets/sass/partials/_wrapper.scss
View File

@@ -1,5 +1,6 @@
body.dashboard {
.wrapper {
width: 100%;
position: absolute;
top: 0;
bottom: 0;

24
app/views/dashboard/index.blade.php
View File

@@ -1,8 +1,24 @@
@extends('layout.dashboard')
@section('content')
<div style="margin: 20px;">
Dashboard
</div>
<div class="header">
<i class="fa fa-dashboard"></i> Dashboard
<input type="text" class="form-control input-sm pull-right" placeholder="Search...">
</div>
<div class="row">
<div class="col-sm-12">
<ul class="tabs">
<li><a href="#tab-1">Tab 1</a></li>
<li><a href="#tab-2">Tab 2</a></li>
<li><a href="#tab-3">Tab 3</a></li>
<li><a href="#tab-4">Tab 4</a></li>
</ul>
<div class="tab-content">
<div id="tab-1">Tab 1</div>
<div id="tab-2">Tab 2</div>
<div id="tab-3">Tab 3</div>
<div id="tab-4">Tab 4</div>
</div>
</div>
</div>
@stop

27
public/build/css/all-5d1bb07a.css → public/build/css/all-54061ae6.css
View File

@@ -10,6 +10,17 @@
html, body {
height: 100%; }
ul.tabs {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #d5d8d7; }
ul.tabs li {
display: inline; }
ul.tabs li a {
display: inline-block;
padding: 15px 30px; }
body.dashboard {
font-family: "Helvetica Neue", Helvetica, "Open Sans", sans-serif;
font-weight: lighter;
@@ -17,6 +28,7 @@ body.dashboard {
background: #f5f5f5; }
body.dashboard .wrapper {
width: 100%;
position: absolute;
top: 0;
bottom: 0;
@@ -114,3 +126,18 @@ body.dashboard .sidebar {
body.dashboard .sidebar ul li a:hover {
text-decoration: none; }
body.dashboard .content .row {
margin: 10px 0; }
body.dashboard .content .header {
background: #ffffff;
padding: 14px;
width: 100%;
height: 50px;
font-size: 18px; }
body.dashboard .content .header i {
padding-right: 10px; }
body.dashboard .content .header input, body.dashboard .content .header button, body.dashboard .content .header .btn {
position: relative;
top: -4px; }
body.dashboard .content .header input {
width: 20%; }

27
public/build/css/all.css
View File

@@ -10,6 +10,17 @@
html, body {
height: 100%; }
ul.tabs {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #d5d8d7; }
ul.tabs li {
display: inline; }
ul.tabs li a {
display: inline-block;
padding: 15px 30px; }
body.dashboard {
font-family: "Helvetica Neue", Helvetica, "Open Sans", sans-serif;
font-weight: lighter;
@@ -17,6 +28,7 @@ body.dashboard {
background: #f5f5f5; }
body.dashboard .wrapper {
width: 100%;
position: absolute;
top: 0;
bottom: 0;
@@ -114,3 +126,18 @@ body.dashboard .sidebar {
body.dashboard .sidebar ul li a:hover {
text-decoration: none; }
body.dashboard .content .row {
margin: 10px 0; }
body.dashboard .content .header {
background: #ffffff;
padding: 14px;
width: 100%;
height: 50px;
font-size: 18px; }
body.dashboard .content .header i {
padding-right: 10px; }
body.dashboard .content .header input, body.dashboard .content .header button, body.dashboard .content .header .btn {
position: relative;
top: -4px; }
body.dashboard .content .header input {
width: 20%; }

2
public/build/rev-manifest.json
View File

@@ -1,4 +1,4 @@
{
"css/all.css": "css/all-5d1bb07a.css",
"css/all.css": "css/all-54061ae6.css",
"js/all.js": "js/all-86e91591.js"
}