update dashboard layout
This commit is contained in:
Yan
@@ -1,91 +1,105 @@
|
||||
<!-- Search Bar -->
|
||||
<div class="search-bar">
|
||||
<div class="search-icon">
|
||||
<i class="material-icons">search</i>
|
||||
Search Bar -->
|
||||
<!-- <div class="search-bar">
|
||||
<div class="search-icon">
|
||||
<i class="material-icons">search</i>
|
||||
</div>
|
||||
<input type="text" placeholder="START TYPING...">
|
||||
<div class="close-search">
|
||||
<i class="material-icons">close</i>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- #END# Search Bar -->
|
||||
<!-- Top Bar -->
|
||||
<nav class="navbar">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-header">
|
||||
<a href="javascript:void(0);" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"></a>
|
||||
<a href="javascript:void(0);" class="bars"></a>
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<img src="<%= asset_path('logo.png') %>" width="32" height="32" alt="Logo" />
|
||||
SX Restaurant
|
||||
</a>
|
||||
</div>
|
||||
<input type="text" placeholder="START TYPING...">
|
||||
<div class="close-search">
|
||||
<i class="material-icons">close</i>
|
||||
<div class="collapse navbar-collapse" id="navbar-collapse">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<!-- User Info -->
|
||||
<li class="dropdown">
|
||||
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
|
||||
<span>Admin</span>
|
||||
<i class="material-icons">keyboard_arrow_down</i>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="javascript:void(0);"><i class="material-icons">input</i>Sign Out</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- #User Info -->
|
||||
<!-- Call Search -->
|
||||
<!-- <li><a href="javascript:void(0);" class="js-search" data-close="true"><i class="material-icons">search</i></a></li> -->
|
||||
<!-- #END# Call Search -->
|
||||
<!-- Notifications -->
|
||||
<!-- <li class="dropdown">
|
||||
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button">
|
||||
<i class="material-icons">notifications</i>
|
||||
<span class="label-count">7</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="header">NOTIFICATIONS</li>
|
||||
<li class="body">
|
||||
<ul class="menu">
|
||||
<li>
|
||||
<a href="javascript:void(0);">
|
||||
<div class="icon-circle bg-light-green">
|
||||
<i class="material-icons">person_add</i>
|
||||
</div>
|
||||
<div class="menu-info">
|
||||
<h4>12 new members joined</h4>
|
||||
<p>
|
||||
<i class="material-icons">access_time</i> 14 mins ago
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="footer">
|
||||
<a href="javascript:void(0);">View All Notifications</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li> -->
|
||||
<!-- #END# Notifications -->
|
||||
<!-- Tasks -->
|
||||
<!-- <li class="dropdown">
|
||||
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button">
|
||||
<i class="material-icons">flag</i>
|
||||
<span class="label-count">9</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="header">TASKS</li>
|
||||
<li class="body">
|
||||
<ul class="menu tasks">
|
||||
<li>
|
||||
<a href="javascript:void(0);">
|
||||
<h4>
|
||||
Footer display issue
|
||||
<small>32%</small>
|
||||
</h4>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-pink" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 32%">
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="footer">
|
||||
<a href="javascript:void(0);">View All Tasks</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li> -->
|
||||
<!-- #END# Tasks -->
|
||||
<li class="pull-right"><a href="javascript:void(0);" class="js-right-sidebar" data-close="true"><i class="material-icons">more_vert</i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- #END# Search Bar -->
|
||||
<!-- Top Bar -->
|
||||
<nav class="navbar">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-header">
|
||||
<a href="javascript:void(0);" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"></a>
|
||||
<a href="javascript:void(0);" class="bars"></a>
|
||||
<a class="navbar-brand" href="index.html">ADMINBSB - MATERIAL DESIGN</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="navbar-collapse">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<!-- Call Search -->
|
||||
<li><a href="javascript:void(0);" class="js-search" data-close="true"><i class="material-icons">search</i></a></li>
|
||||
<!-- #END# Call Search -->
|
||||
<!-- Notifications -->
|
||||
<li class="dropdown">
|
||||
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button">
|
||||
<i class="material-icons">notifications</i>
|
||||
<span class="label-count">7</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="header">NOTIFICATIONS</li>
|
||||
<li class="body">
|
||||
<ul class="menu">
|
||||
<li>
|
||||
<a href="javascript:void(0);">
|
||||
<div class="icon-circle bg-light-green">
|
||||
<i class="material-icons">person_add</i>
|
||||
</div>
|
||||
<div class="menu-info">
|
||||
<h4>12 new members joined</h4>
|
||||
<p>
|
||||
<i class="material-icons">access_time</i> 14 mins ago
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="footer">
|
||||
<a href="javascript:void(0);">View All Notifications</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- #END# Notifications -->
|
||||
<!-- Tasks -->
|
||||
<li class="dropdown">
|
||||
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button">
|
||||
<i class="material-icons">flag</i>
|
||||
<span class="label-count">9</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="header">TASKS</li>
|
||||
<li class="body">
|
||||
<ul class="menu tasks">
|
||||
<li>
|
||||
<a href="javascript:void(0);">
|
||||
<h4>
|
||||
Footer display issue
|
||||
<small>32%</small>
|
||||
</h4>
|
||||
<div class="progress">
|
||||
<div class="progress-bar bg-pink" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 32%">
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="footer">
|
||||
<a href="javascript:void(0);">View All Tasks</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- #END# Tasks -->
|
||||
<li class="pull-right"><a href="javascript:void(0);" class="js-right-sidebar" data-close="true"><i class="material-icons">more_vert</i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- #Top Bar -->
|
||||
</nav>
|
||||
<!-- #Top Bar
|
||||
Reference in New Issue
Block a user