Make dashboard more fitting

This commit is contained in:
Kumi 2020-04-08 10:51:14 +02:00
parent 33c9deb572
commit 96f89c1dac
2 changed files with 12 additions and 75 deletions

View file

@ -476,6 +476,6 @@
</div> </div>
</div> </div>
</div> </div>
<script type="text/javascript" src="{% static "backend/scripts/main.js" %}"></script> <script type="text/javascript" src="{% static "backend/scripts/main.js" %}"></script>
</body> </body>
</html> </html>

View file

@ -4,73 +4,23 @@
<div class="page-title-wrapper"> <div class="page-title-wrapper">
<div class="page-title-heading"> <div class="page-title-heading">
<div class="page-title-icon"> <div class="page-title-icon">
<i class="pe-7s-car icon-gradient bg-mean-fruit"> <i class="fa fa-rocket">
</i> </i>
</div> </div>
<div>Analytics Dashboard <div>Expephalon Dashboard
<div class="page-title-subheading">This is an example dashboard created using build-in elements and components. <div class="page-title-subheading">This page gives an overview of everything that's going on.
</div> </div>
</div> </div>
</div> </div>
<div class="page-title-actions"> </div>
<button type="button" data-toggle="tooltip" title="Example Tooltip" data-placement="bottom" class="btn-shadow mr-3 btn btn-dark">
<i class="fa fa-star"></i>
</button>
<div class="d-inline-block dropdown">
<button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn-shadow dropdown-toggle btn btn-info">
<span class="btn-icon-wrapper pr-2 opacity-7">
<i class="fa fa-business-time fa-w-20"></i>
</span>
Buttons
</button>
<div tabindex="-1" role="menu" aria-hidden="true" class="dropdown-menu dropdown-menu-right">
<ul class="nav flex-column">
<li class="nav-item">
<a href="javascript:void(0);" class="nav-link">
<i class="nav-link-icon lnr-inbox"></i>
<span>
Inbox
</span>
<div class="ml-auto badge badge-pill badge-secondary">86</div>
</a>
</li>
<li class="nav-item">
<a href="javascript:void(0);" class="nav-link">
<i class="nav-link-icon lnr-book"></i>
<span>
Book
</span>
<div class="ml-auto badge badge-pill badge-danger">5</div>
</a>
</li>
<li class="nav-item">
<a href="javascript:void(0);" class="nav-link">
<i class="nav-link-icon lnr-picture"></i>
<span>
Picture
</span>
</a>
</li>
<li class="nav-item">
<a disabled href="javascript:void(0);" class="nav-link disabled">
<i class="nav-link-icon lnr-file-empty"></i>
<span>
File Disabled
</span>
</a>
</li>
</ul>
</div>
</div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6 col-xl-4"> <div class="col-md-6 col-xl-4">
<div class="card mb-3 widget-content bg-midnight-bloom"> <div class="card mb-3 widget-content bg-midnight-bloom">
<div class="widget-content-wrapper text-white"> <div class="widget-content-wrapper text-white">
<div class="widget-content-left"> <div class="widget-content-left">
<div class="widget-heading">Total Orders</div> <div class="widget-heading">Total Invoices</div>
<div class="widget-subheading">Last year expenses</div> <div class="widget-subheading">All paid and unpaid invoices</div>
</div> </div>
<div class="widget-content-right"> <div class="widget-content-right">
<div class="widget-numbers text-white"><span>1896</span></div> <div class="widget-numbers text-white"><span>1896</span></div>
@ -82,8 +32,8 @@
<div class="card mb-3 widget-content bg-arielle-smile"> <div class="card mb-3 widget-content bg-arielle-smile">
<div class="widget-content-wrapper text-white"> <div class="widget-content-wrapper text-white">
<div class="widget-content-left"> <div class="widget-content-left">
<div class="widget-heading">Clients</div> <div class="widget-heading">Revenue</div>
<div class="widget-subheading">Total Clients Profit</div> <div class="widget-subheading">Total revenue</div>
</div> </div>
<div class="widget-content-right"> <div class="widget-content-right">
<div class="widget-numbers text-white"><span>$ 568</span></div> <div class="widget-numbers text-white"><span>$ 568</span></div>
@ -95,24 +45,11 @@
<div class="card mb-3 widget-content bg-grow-early"> <div class="card mb-3 widget-content bg-grow-early">
<div class="widget-content-wrapper text-white"> <div class="widget-content-wrapper text-white">
<div class="widget-content-left"> <div class="widget-content-left">
<div class="widget-heading">Followers</div> <div class="widget-heading">Clients</div>
<div class="widget-subheading">People Interested</div> <div class="widget-subheading">Total number of clients</div>
</div> </div>
<div class="widget-content-right"> <div class="widget-content-right">
<div class="widget-numbers text-white"><span>46%</span></div> <div class="widget-numbers text-white"><span>46</span></div>
</div>
</div>
</div>
</div>
<div class="d-xl-none d-lg-block col-md-6 col-xl-4">
<div class="card mb-3 widget-content bg-premium-dark">
<div class="widget-content-wrapper text-white">
<div class="widget-content-left">
<div class="widget-heading">Products Sold</div>
<div class="widget-subheading">Revenue streams</div>
</div>
<div class="widget-content-right">
<div class="widget-numbers text-warning"><span>$14M</span></div>
</div> </div>
</div> </div>
</div> </div>