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%; height: 100%;
} }
@import "modules/tabs";
@import "partials/base"; @import "partials/base";
@import "partials/wrapper"; @import "partials/wrapper";
@import "partials/header"; @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 { body.dashboard {
.content { .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 { body.dashboard {
.wrapper { .wrapper {
width: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;

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

@@ -1,8 +1,24 @@
@extends('layout.dashboard') @extends('layout.dashboard')
@section('content') @section('content')
<div style="margin: 20px;"> <div class="header">
Dashboard <i class="fa fa-dashboard"></i> Dashboard
</div> <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 @stop

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

@@ -10,6 +10,17 @@
html, body { html, body {
height: 100%; } 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 { body.dashboard {
font-family: "Helvetica Neue", Helvetica, "Open Sans", sans-serif; font-family: "Helvetica Neue", Helvetica, "Open Sans", sans-serif;
font-weight: lighter; font-weight: lighter;
@@ -17,6 +28,7 @@ body.dashboard {
background: #f5f5f5; } background: #f5f5f5; }
body.dashboard .wrapper { body.dashboard .wrapper {
width: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
@@ -114,3 +126,18 @@ body.dashboard .sidebar {
body.dashboard .sidebar ul li a:hover { body.dashboard .sidebar ul li a:hover {
text-decoration: none; } 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 { html, body {
height: 100%; } 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 { body.dashboard {
font-family: "Helvetica Neue", Helvetica, "Open Sans", sans-serif; font-family: "Helvetica Neue", Helvetica, "Open Sans", sans-serif;
font-weight: lighter; font-weight: lighter;
@@ -17,6 +28,7 @@ body.dashboard {
background: #f5f5f5; } background: #f5f5f5; }
body.dashboard .wrapper { body.dashboard .wrapper {
width: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
@@ -114,3 +126,18 @@ body.dashboard .sidebar {
body.dashboard .sidebar ul li a:hover { body.dashboard .sidebar ul li a:hover {
text-decoration: none; } 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" "js/all.js": "js/all-86e91591.js"
} }